*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Montserrat,sans-serif}:root{--bg-color: #efd0d6;--main-text-color: #820424;--second-text-color: #4d0216;--main-btn-color: #9a3650;--second-btn-color: #810424;--btn-text-color: #efd0d6;--main-link-color: #015bb5;--second-link-color: #034e67;--input-border-color: #cd9ba7}body{font-size:23px;font-weight:400;background-color:var(--bg-color);color:var(--main-text-color);padding:20px 30px}a{text-decoration:none;font-size:16px;font-weight:400;color:var(--main-link-color);margin-bottom:3px}a:hover{color:var(--second-link-color)}hr{border:none;border-top:1px solid var(--main-text-color);margin-bottom:15px}h1{text-transform:uppercase;font-weight:500;font-size:84px}.container{max-width:1250px;margin:0 auto}.logo-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-img{width:70px;height:70px}.lodo-desc{font-size:10px}.flex,.footer,.content,.timer-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.input-box,.btn-box,.header-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.header-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.header{text-align:center;width:60%}.lang-box{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:5px}.lang-btn{position:relative;display:inline-block;padding:1px 5px 6px;background-color:var(--bg-color);border:none;cursor:pointer;text-transform:uppercase}.lang-btn-focus:after,.lang-btn:hover:after{content:"";position:absolute;background-color:var(--second-btn-color);left:0;bottom:1px;width:100%;height:2px;-webkit-transition:width 1s ease;-o-transition:width 1s ease;transition:width 1s ease}.input-box{margin-bottom:25px}label:first-child{margin-right:20px}.input{border-radius:5px;border:none;outline:none;font-size:25px;font-weight:600;color:var(--main-text-color);background-color:#fff6;padding:15px;margin-top:10px;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.input::-webkit-input-placeholder,.input::-moz-placeholder,.input:-ms-input-placeholder,.input::-ms-input-placeholder,.input::placeholder{font-size:20px;font-weight:300;color:#fff}.input:hover,.focus{-webkit-box-shadow:0 5px 10px 2px rgba(34,60,80,.2);-moz-box-shadow:0 5px 10px 2px rgba(34,60,80,.2);box-shadow:0 5px 15px 2px #223c5033}.input:focus{border-color:var(--input-border-color);outline:0;-webkit-box-shadow:0 0 0 3px rgba(205,155,167);-moz-box-shadow:0 0 0 3px rgba(205,155,167);box-shadow:0 0 0 3px #cd9ba7}.btn-box{margin-bottom:20px}.btn:nth-child(1),.btn:nth-child(2){margin-right:20px}.btn{color:var(--btn-text-color);background-color:var(--main-btn-color);border-radius:5px;font-size:30px;padding:20px;min-width:150px;border:none;text-transform:uppercase;cursor:pointer}.btn{-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.btn:not(.focus):hover,.focus{background-color:var(--second-btn-color)}.timer-type{font-size:35px;color:var(--second-text-color)}.timer-box{margin-bottom:15px}.timer{font-size:100px;width:50%}.footer p,.advice{font-size:15px}@media (max-width: 1024px){body{padding-top:27px}.logo-box{display:none}.lang-box{position:absolute;top:5px;right:5px}.header-box{display:block}.header{margin:0 auto;width:100%}.advice{text-align:center}}@media (max-width: 768px){.container{max-width:600px;margin:0 auto}h1{font-size:70px}.input{width:190px}.timer-type{font-size:35px}}@media (max-width: 580px){.container{max-width:400px;margin:0 auto}h1{font-size:55px}.btn:nth-child(1),.btn:nth-child(2){margin-right:0;margin-bottom:10px}.timer-type{font-size:28px;text-align:center}.timer{width:65%}.btn{width:90%}}@media (max-width: 460px){.container{max-width:350px;margin:0 auto}h1{font-size:38px}label:first-child{margin-right:0;margin-bottom:10px}.timer{font-size:70px;width:50%}.footer p{font-size:15px}}@media (max-width: 390px){.timer{width:55%}}@media (max-width: 360px){.timer{width:60%}}