@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");*{margin:0;padding:0;color:#fff}:root{--poppins-font:"Poppins",sans-serif;--roboto-font:"Roboto",sans-serif;--box-shadow:0 10px 20px #223c75a8}body{justify-content:center;background-color:#133ecc;height:auto}.container,body{display:flex;flex-direction:column;align-items:center}.container{border-radius:5px;font-family:var(--poppins-font);text-align:center;background:#256de9;width:auto;box-shadow:var(--box-shadow);margin-top:10px;max-width:100%;transform:scale(.9)}form{display:flex;flex-direction:column;align-items:center}#input-value{width:300px;height:30px;border:0;border-radius:40px;outline:0;padding:10px 0;font-family:var(--poppins-font);font-size:18px;text-align:center;background-color:rgba(0,0,0,.226);margin:30px}::-moz-placeholder{font-size:16px;color:hsla(0,0%,100%,.8)}:-ms-input-placeholder{font-size:16px;color:hsla(0,0%,100%,.8)}::placeholder{font-size:16px;color:hsla(0,0%,100%,.8)}.submit{height:50px;margin-bottom:10px;border:0;outline:0;border-radius:5px;padding:10px;font-family:var(--poppins-font);background-color:rgba(0,0,0,.226);font-size:20px;cursor:pointer;transition:all .3s}.submit:active{transform:scale(.98)}.submit:hover{background-color:rgba(95,143,233,.5)}.temp{font-size:50px;font-family:var(--roboto-font)}.city{margin:20px}.city,.title{font-size:20px}.title{margin:0;background-color:#0000003a;padding:10px 0;width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.desc{font-size:20px;opacity:.5}footer{position:absolute;bottom:0;font-family:var(--roboto-font)}a{cursor:pointer}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media only screen and (min-width:425px){body{height:100vh}.container{transform:scale(1)}}@media only screen and (max-width:425px){footer{margin-top:auto}}