.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal{background-color:#fff;padding:20px;border-radius:5px}.modal h2{margin-bottom:20px;color:brown}.modal-buttons{display:flex;justify-content:space-between;color:blue}.modal-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal-buttons button:hover{background-color:brown}.container{max-width:800px;margin:0 auto;padding:20px;text-align:center}h1{font-size:2rem;margin-bottom:20px;color:#000}.text-box{background-color:#fff;border:2px solid #000;border-radius:10px;padding:20px;margin-bottom:30px;text-align:left}p{font-size:1.6rem;color:#000;line-height:1.6;margin-bottom:10px}.timer{font-size:2rem;font-weight:700;color:#333;background-color:#fff;display:inline-block;padding:10px 20px;margin-top:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}@media (max-width:768px){.container{padding:10px}h1{font-size:1.5rem}.text-box,.timer{margin-left:10px;margin-right:10px}p{font-size:1rem}.timer{font-size:2rem}}