@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*{padding:0;margin:0;box-sizing:border-box;border:0;vertical-align:baseline;list-style:none;text-decoration:none}body{background-color:#59b4c3;color:#092635;font-family:Poppins,sans-serif}.current-weather{margin:2rem auto;max-width:500px;display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr 2fr 1fr;justify-items:center;align-items:center;text-align:center}.current-location{grid-column:1 / 3;font-size:2rem;display:flex;align-items:center;align-self:end}.current-temperature{grid-column:1 / 3;font-size:3.4rem;font-weight:600}.current-temperature:after{content:attr(units);font-size:1rem}.current-icon{width:50px}.current-minmax-temp{grid-column:1 / 3;display:flex;gap:1.2rem}.current-minmax-temp>span{display:flex;align-items:center}.search-box{margin:auto;padding:1rem 0;max-width:200px;display:flex;justify-content:space-between}.search-box>input{width:80%;border-radius:.6rem;background-color:#e7e7e766;padding:.2rem .8rem;font-family:Poppins,sans-serif;font-size:.8rem}.search-box>button{background-color:#e7e7e700;display:flex;align-items:center;justify-content:center;cursor:pointer}.hourly-forecast-section{max-width:min(1000px,95%);margin:auto;display:flex;gap:1rem;align-items:center}.cards-container{padding:1rem;display:flex;gap:1rem;overflow:hidden;position:relative}.hourly-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#d1d1d133;box-shadow:0 0 4px 1px #000;border-radius:1rem;padding:1rem 0;transition:all .5s;text-align:center;min-width:120px}.hourly-card:hover{background-color:#d1d1d14d}.hourly-card>p:last-child{display:flex;align-items:center;font-size:.8rem}.hourly-card svg{width:18px;pointer-events:none}.nav-arrow{cursor:pointer;transform:scale(1.8)}.nav-arrow:hover{transform:scale(2)}.arrow-button{background-color:#fff0}.daily-forecast-section{max-width:min(1000px,90%);margin:2rem auto}.daily-card{margin:1rem auto;width:100%;display:flex;justify-content:space-between}.day-temperature,.day-astro{background-color:#d1d1d133;box-shadow:0 0 4px 1px #000;border-radius:1rem;padding:0 2rem}.day-temperature{width:35%;display:flex;align-items:center;justify-content:space-between}.day-astro{width:60%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.daily-card span{display:flex;align-items:center}@media (max-width: 800px){.daily-card{flex-direction:column;gap:.5rem;margin:2rem auto}.day-temperature,.day-astro{width:100%}.day-astro{display:flex;flex-direction:column;gap:.5rem;padding:1rem}}.loadership_SOECD{display:flex;position:relative;width:61px;height:13px;margin:40vh auto}.loadership_SOECD div{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:0;animation-timing-function:cubic-bezier(0,1,1,0)}.loadership_SOECD div:nth-child(1){left:0;animation:loadership_SOECD_scale_up .6s infinite}.loadership_SOECD div:nth-child(2){left:0;animation:loadership_SOECD_translate .6s infinite}.loadership_SOECD div:nth-child(3){left:24px;animation:loadership_SOECD_translate .6s infinite}.loadership_SOECD div:nth-child(4){left:48px;animation:loadership_SOECD_scale_down .6s infinite}@keyframes loadership_SOECD_scale_up{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loadership_SOECD_scale_down{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loadership_SOECD_translate{0%{transform:translate(0)}to{transform:translate(24px)}}