@import "https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";
*{color:#fff;margin:0;padding:0}:root{--poppins-font:"Poppins", sans-serif;--roboto-font:"Roboto", sans-serif;--box-shadow:0 10px 20px #223c75a8}body{background-color:#133ecc;flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex}.container{font-family:var(--poppins-font);text-align:center;width:auto;box-shadow:var(--box-shadow);background:#256de9;border-radius:5px;flex-direction:column;align-items:center;max-width:100%;margin-top:10px;display:flex;transform:scale(.9)}form{flex-direction:column;align-items:center;display:flex}#input-value{width:300px;height:30px;font-family:var(--poppins-font);text-align:center;background-color:#0000003a;border:0;border-radius:40px;outline:0;margin:30px;padding:10px 0;font-size:18px}::placeholder{color:#fffc;font-size:16px}.submit{height:50px;font-family:var(--poppins-font);cursor:pointer;background-color:#0000003a;border:0;border-radius:5px;outline:0;margin-bottom:10px;padding:10px;font-size:20px;transition:all .3s}.submit:active{transform:scale(.98)}.submit:hover{background-color:#5f8fe980}.temp{font-size:50px;font-family:var(--roboto-font)}.city{margin:20px;font-size:20px}.title{background-color:#0000003a;border-top-left-radius:5px;border-top-right-radius:5px;width:100%;margin:0;padding:10px 0;font-size:20px}.desc{opacity:.5;font-size:20px}footer{font-family:var(--roboto-font);position:absolute;bottom:0}a{cursor:pointer}input{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}}