@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}#root{display:flex;flex-direction:column;min-height:100vh}button{cursor:pointer}header{width:100%;height:48px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #00000040}header div{width:717px;display:flex;gap:11px}header div img{width:32px;height:32px;margin-left:10px}header div h3{font-weight:900;font-size:20px}section#converter-convertions-container{padding:0 20px;margin:51px auto 20px;min-height:100%;width:100%;flex-grow:1}article#converter-container{max-width:717px;min-height:193px;border-radius:21px;margin:0 auto;padding:24px 38px;background-color:#2e0039;display:flex;flex-direction:column;justify-content:space-between}article#converter-container p{font-size:24px;font-weight:600;color:#fff}article#converter-container div{display:flex;justify-content:space-between;color:#fff;align-items:flex-end}@media screen and (max-width: 655px){section#converter-convertions-container{max-width:351px;margin:0 auto}section#converter-convertions-container article#converter-container{margin:25px auto;padding:11px 21px;gap:19px}div#unit-and-input{flex-direction:column;gap:19px}div#unit-and-input div{width:100%}section#saved-convertions-container{margin:20px auto 30px!important}}select#unit-selector{background-color:transparent;color:#fff;border:none;border-bottom:white 2px solid;width:218px}select#unit-selector option{background-color:transparent;color:#000}#switch-btn{background-color:transparent;border:none;margin-left:12px;display:flex;flex-direction:column;justify-content:end;margin-bottom:-9px}#switch-btn :active{transform:translateY(2px)}#switch-btn img{width:30px}input[type=number]{background-color:transparent;border:none;border-bottom:2px solid white;color:#fff;margin-right:9px;width:221px}input[type=number]:focus{outline:none}#measurement-unit{font-size:14px}div#result-container{display:flex;gap:10px}div#result-container span#result-number{font-weight:700;font-size:24px}div#result-container span#result-unit{font-size:16px;font-weight:700;line-height:28px}button.fav-button{background-color:transparent;border:none;color:#fff}button.fav-button:active{transform:translateY(2px)}section#saved-convertions-container{max-width:720px;margin:86px auto}p#saved-title{font-size:16px;font-weight:700;margin-bottom:22px}div#card-container{display:flex;gap:20px;flex-wrap:wrap}article.saved-convertion-card{background-color:#e3e3e3;height:38px;min-width:260px;max-width:349px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-radius:10px;flex-grow:1}article.saved-convertion-card p{font-size:14px}article.saved-convertion-card button{background-color:transparent;border:none}footer{width:100%;height:39px;background-color:#2e0039;display:flex;align-items:center;justify-content:center;gap:31px;margin-top:auto}footer a{color:#fff;text-decoration:none;font-size:12px;font-weight:400}footer a:hover{text-decoration:underline}