body{background-color:#9ca2cf;height:100%;font-family:Poppins,sans-serif;margin:0}h1{font-size:1.2rem;font-weight:500}@media(min-width:768px){h1{text-align:center}}h2{font-size:1rem;color:#4a59a8;padding:0;margin:0}h2.contrasted{color:#fff}@media(min-width:768px){h2{text-align:center}}.card{background:linear-gradient(#eee,#dbdbdb);border-radius:10px;border:2px solid #350a94;max-width:600px;margin:auto auto 20px;box-shadow:0 10px 16px #0003,0 6px 20px #00000030!important}.card-content{padding:15px}.weather-card{display:block}.weather-item{display:inline-grid;align-items:center;justify-content:space-between;padding:20px;text-align:center}.weather-temp{font-size:1rem;color:#4a59a8;font-weight:700}.loaderContainer{position:absolute;top:50%;left:45%}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.desktop{display:none}@media(min-width:768px){.desktop{display:block}}