@import"https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Quicksand:wght@700&family=VT323&display=swap";*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}*{box-sizing:border-box}body{background-color:#c5e4e7}.logo{display:block;margin:0 auto;padding-top:20px}.wrapper{background-color:#fff;margin:50px 360px;border-radius:25px;padding:30px;display:grid;grid-template-columns:repeat(2,1fr)}.button{background-color:#00474b;padding:10px;border-radius:12px;color:#fff;font-family:Lato,sans-serif;transition:all .4s ease-in-out}.button:hover,.button.active{background-color:#c5e4e7;color:#00474b;transition:all .4s ease-in-out}.calculation__block{position:relative}.calculation__block-img{position:absolute;top:35px;left:7px}.calculation__tip{margin-top:30px;margin-bottom:30px}.calculation__tip-list{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;text-align:center}.calculation__tip-list-custom{background-color:#f3f8fb;color:#498488}.amount{background-color:#00474b;margin-left:30px;border-radius:25px;padding:20px}.amount-block{display:flex;justify-content:space-between;align-items:center}.amount__reset-btn{background-color:#c5e4e7;color:#00474b;margin-top:110px;width:100%}.amount__reset-btn:hover{background-color:#419fa8;color:#0a595d}.first-block{margin-bottom:20px}.label{font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;color:#646869}.input{display:block;background-color:#f3f8fb;text-align:right;padding:10px;color:#003c34;font-family:Lato,sans-serif;border-radius:6px;position:relative;margin-top:5px;width:100%}.input:focus{border:1px solid green;transition:border 1s ease-in-out}.input:hover{border:1px solid green;transition:border 1s ease-in-out}.title{color:#fff;font-family:VT323,monospace;font-size:20px}.total-amount{color:#fff;font-family:VT323,monospace;font-size:50px;color:#1ac4aa}span{display:block;font-size:16px;color:#498488}@media (max-width: 1270px){.wrapper{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);margin:50px 300px}.amount{margin-top:10px;margin-left:0}}@media (max-width: 1000px){.wrapper{margin:50px 230px}}@media (max-width: 770px){.wrapper{margin:50px 20vw}}@media (max-width: 600px){.wrapper{margin:50px 10vw}}@media (max-width: 400px){.wrapper{margin:50px 5vw}}