:root{--primary-font:Noto Sans JP,sans-serif;--primary-color:#e5ba73;--secondary-color:#c58940;--teriary-color:#444;--background-color:rgba(236,237,241,0.392);--body-color:linear-gradient(109.6deg,#dfeaf7 11.2%,#f4f8fc 91.1%);--container-color:rgba(117,178,214,0.91);--hr--color:rgba(169,171,180,0.243);--days-color:rgba(234,223,209,0.638)}body{margin:0;padding:80px;font-family:var(--primary-font);background:var(--body-color)}#temperature-unit,#temperature-value,h1,h2,h3,p{color:var(--teriary-color)}h1{font-size:2.8rem}h3{margin-top:0;margin-bottom:40px;text-align:center}ul{padding:0 0 0 2px;text-align:left;margin-top:35px}li{color:var(--teriary-color);font-size:.9rem;list-style:none;line-height:2}.container{width:100%;max-width:875px;margin:0 auto;background-color:var(--container-color);border-radius:5px 50px 5px;padding-bottom:36px}.current-weather-details{width:35%;display:flex;flex-direction:column}.current-city{margin-top:25px;margin-bottom:0;margin-right:0;text-align:left}.data-description{margin-top:-14px}.weather-wrapper{text-align:center}.current-weather-value{margin-top:2px}.data-description{font-size:1.1rem}.formatted-date{margin-bottom:12px;font-size:.9rem}.temperature-data{display:flex;flex-direction:column;margin-bottom:21px}aside{padding-top:32px}form{display:flex;grid-gap:1rem;gap:1rem;justify-content:center}footer{margin-top:30px;text-align:center}footer a{color:var(--secondary-color);text-decoration:none}footer a:hover{color:var(--container-color);text-decoration:underline;cursor:pointer;transition:all .2s ease-in-out}input{padding:12px 10px;width:65%}button,input{border:2px solid var(--primary-color);border-radius:5px;margin-top:40px;font-size:16px;font-family:var(--primary-font)}button{border:2px solid var(--primary-color);background-color:var(--primary-color);color:var(--teriary-color);padding:12px 25px}.current-weather-main{display:flex;justify-content:space-evenly}.weather-container{display:flex;align-items:center;grid-gap:15px;gap:15px;padding-bottom:0;margin-bottom:71px}.weather-container svg{flex-shrink:0}.current-temperature{font-size:3rem;font-weight:800}.unit{font-size:1.5rem;position:relative;top:-16px}.celcius-unit,.fahrenheit-unit{color:var(--teriary-color);text-decoration:none}.celcius-unit:hover,.fahrenheit-unit:hover{color:var(--secondary-color);transition:all .2s ease-in-out}.forecast-wrapper{display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem}.forecast-min-max{display:flex}.forecast-unit-min{padding-left:10px;opacity:.75}.forecast-icon{text-align:center}.days{background-color:var(--days-color);border-radius:8px;padding-left:22px;padding-right:22px;justify-content:center}.day{text-align:center}.forecast-unit{margin-top:8px}hr{color:var(--hr--color);margin-top:38px;margin-bottom:8px;max-width:78%}.forecast-middle-line{border:0;text-align:center;margin-top:4px;margin-bottom:0;&:before{content:"\2022 \2022 \2022 \2022 \2022";letter-spacing:12px;font-size:45px;color:var(--secondary-color)}}@media (max-width:768px){.forecast-wrapper{display:flex;flex-wrap:wrap;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 1rem)}.fahrenheit-unit,span .unit{font-size:1rem;top:-16}input{padding:7px 14px;width:100%;margin-left:5px}button,input{font-size:.95rem}button{margin-right:7px;padding:11px 14px}h3{margin-top:0}.current-weather-main,.temperature-data{display:flex;flex-direction:column}.current-weather-value{margin-bottom:-37px}.current-weather-details{order:-1;width:100%}.weather-container{margin-top:18px;margin-bottom:-41px;flex-direction:column}.current-city,.descriptions{text-align:center}.current-city{margin-top:24px}}
/*# sourceMappingURL=main.a9336f6c.chunk.css.map */