body,html{margin:0;padding:0;background-color:#0c0d0d;height:100%}body{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;color:#fff}#_next{height:100%;width:100%}*{box-sizing:border-box}table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px;font-size:16px;line-height:1.5;color:#333!important;background-color:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}svg{color:#fff}.fifty-fifty>*{flex:1 1}th{background-color:#f0f0f0;font-weight:700;border-bottom:2px solid #ddd}td,th{color:#333!important;text-align:left;padding:12px}td{border-bottom:1px solid #ddd}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f5f5f5}canvas{max-height:500px}@media (max-width:600px){table{font-size:14px}}P{padding:0}P,h1,h2,h3,h4,h5,h6{margin:0}button,input[type=reset],input[type=submit]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}.spinner{animation:spin 5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}ul{list-style-type:none}li,ul{margin:0;padding:0}svg{height:50px;width:50px}.fifty-fifty{max-width:100%;width:100%;gap:10px}.fifty-fifty,.main-holder{display:flex;flex-direction:row}.main-holder{position:relative}.main-holder .sidebar{width:5%;border-right:1px solid #fff;display:flex;justify-content:center}.main-content,.main-holder .sidebar{background-color:#0c0d0d;padding:10px}.main-content{width:95%;margin-left:auto}.main-block{background-color:#1d2021;border-radius:15px;padding:10px;overflow-x:auto}.react-forecast{display:flex;gap:12px;padding:10px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.react-forecast::-webkit-scrollbar{height:6px}.react-forecast::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}.react-forecast::-webkit-scrollbar-track{background:transparent}.forecast-item{scroll-snap-align:start;min-width:160px;background:linear-gradient(180deg,#26292b,#181a1b);border-radius:14px;padding:12px;box-shadow:0 6px 16px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,box-shadow .2s ease}.forecast-time{font-size:.85rem;opacity:.8}.forecast-condition{font-weight:600;font-size:.95rem}.forecast-temperature{font-size:1.4rem;font-weight:700;margin-top:4px}.forecast-desc,.forecast-wind,.forecast-wind-gust{font-size:.8rem;opacity:.85}.forecast-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.6)}.weather-holder{width:100%;display:flex;flex-direction:column;gap:10px}.avg-graph{width:100%}.forty{flex:4 1}.sixty{flex:6 1}.fifty{width:50%}.current-reading-container{display:flex;justify-content:center;align-items:center}.current-reading{font-size:4rem;font-weight:700}.current-reading h4{font-size:1.2rem}.weather-searcher{display:flex;flex-direction:row;align-items:center;justify-content:center}.weather-searcher svg{width:15px;height:15px}@media (max-width:768px){.main-holder{flex-direction:column}.main-holder .sidebar{width:100%;border-right:none;border-bottom:1px solid #fff}.main-content{width:100%;margin-left:0}.fifty-fifty{flex-direction:column}.main-block{margin-bottom:10px}.react-forecast{flex-direction:row;overflow-x:scroll}.current-reading{font-size:2.5rem}.current-reading h4{font-size:1rem}.fifty,.forty,.sixty{width:100%}.weather-searcher{flex-direction:column}}.feedList{gap:12px;margin-top:10px}.feedItem,.feedList{display:flex;flex-direction:column}.feedItem{background-color:#181a1b;border-radius:12px;padding:12px 14px;gap:6px;transition:transform .2s ease,background-color .2s ease}.feedItem:hover{background-color:#202324;transform:translateY(-2px)}.feedItem a{text-decoration:none}.itemTitle{font-size:1rem;font-weight:600;line-height:1.3;color:#fff}.feedItem:hover .itemTitle{text-decoration:underline}.description{font-size:.85rem;line-height:1.4;color:hsla(0,0%,100%,.75);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pubDate{font-size:.7rem;color:hsla(0,0%,100%,.45);margin-top:4px}