@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";:root{--layout-padding: 20px;--max-width: 2360px;--padded-max-width: calc(var(--max-width) + (var(--layout-padding) * 2))}.main-container{display:grid;grid-template-columns:minmax(var(--layout-padding),1fr) minmax(auto,var(--max-width)) minmax(var(--layout-padding),1fr);grid-template-rows:auto 1fr auto;min-height:100vh}.main-container>*:not(.full){grid-column:2}.main-container>*.full{grid-column:1/-1}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,sans-serif;line-height:1.6;height:100%;scroll-behavior:smooth}body{font-size:1rem;color:#fff;background-color:#2f3543}h1,h2,h3,h4,h5,h6{line-height:1}a{text-decoration:none;color:inherit}ul{list-style:none}a:hover{text-decoration:none}.weather-container{display:flex;flex-direction:column;align-items:center;margin:auto;padding:2.5rem;width:400px;border-radius:.625rem;background-image:linear-gradient(45deg,#2f4680,#500ae4)}.weather-container .search-bar{display:flex;align-items:center;gap:.75rem}.weather-container .search-bar input{height:3.125rem;border:none;outline:none;border-radius:2.5rem;padding-left:1.5625rem;color:#626262;background:#ebfffc;font-size:1.125rem}.weather-container .search-bar img{width:3.125rem;padding:.9375rem;border-radius:50%;background:#ebfffc;cursor:pointer}.weather-container .weather-icon{width:9.375rem;margin-top:10px}.weather-container .temp{font-size:5rem}.weather-container .location{font-size:2.5rem}.weather-container .weather-data{display:flex;justify-content:space-between;width:100%;margin-top:2.5rem}.weather-container .weather-data .col{display:flex;align-items:flex-start;gap:.75rem;font-size:1.375rem}.weather-container .weather-data .col .span{display:block;font-size:1rem}.weather-container .weather-data .col img{width:1.625rem;margin-top:.625rem}@media (max-width: 768px){.weather-container{width:100%;padding:1.25rem}.temp{font-size:3.75rem}.location{font-size:1.875rem}.weather-data{flex-direction:column;align-items:center}.weather-data .col{justify-content:center;font-size:1.25rem}.weather-data .col img{width:1.5rem}}@media (max-width: 480px){.weather-container{padding-top:.625rem}.temp{font-size:3.125rem}.location{font-size:1.5625rem}.weather-data .col{font-size:1.125rem}.weather-data .col img{width:1.25rem}}.ani-footer{padding:20px 0;text-align:center}