.light-theme{width:100vw;height:100vh;background-color:#fff;color:#000}.dark-theme{width:100vw;height:100vh;color:#fff;background:#141e30;background:-webkit-linear-gradient(90deg,#0e151d,#101620)}@media(max-width:600px){.dark-theme{height:100%}}.weather-container{width:320px;color:#fff;height:320px;padding:20px;border-radius:15px;border:1px transparent;background-image:linear-gradient(160deg,rgba(5,35,53,.918),rgba(128,208,200,.582));overflow:hidden;backdrop-filter:blur(10px);filter:blur(.2px);overflow:auto;transition:background-color .5s ease-in-out,background-image .5s ease-in-out}.weather-thunderstorm{background-image:linear-gradient(160deg,rgba(75,0,130,.9),rgba(123,104,238,.8))}.weather-drizzle{background-image:linear-gradient(160deg,rgba(176,224,230,.9),rgba(135,206,250,.8))}.weather-rain{background-image:linear-gradient(160deg,rgba(47,79,79,.9),rgba(70,130,180,.8))}.weather-snow{background-image:linear-gradient(160deg,rgba(240,248,255,.9),hsla(0,100%,99%,.8))}.weather-atmosphere{background-image:linear-gradient(160deg,hsla(0,0%,66%,.9),hsla(0,0%,75%,.8))}.weather-clear{background-image:linear-gradient(160deg,rgba(135,206,235,.9),rgba(173,216,230,.8))}.weather-clouds{background-image:linear-gradient(160deg,rgba(119,136,153,.9),rgba(176,196,222,.8))}.search{float:inline-end;max-width:300px;min-height:1rem;border:.1rem solid hsla(0,0%,100%,.377);border-radius:6px;padding:.4rem;background-color:transparent}.dafault-container{width:auto;height:auto;padding:20px;border-radius:15px;border:1px transparent;background-image:linear-gradient(160deg,rgba(5,35,53,.918),rgba(128,208,200,.582));backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.021)}.weather-table{width:100%;max-width:100%;overflow-x:auto;display:block;border-collapse:collapse}.weather-table td,.weather-table th{padding:10px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.weather-table th{font-weight:700;font-size:1.2rem;color:#fff}.weather-table tr{display:table-row;width:100%}.weather-table tr:hover{background-color:rgba(7,55,83,.5)}.temp{font-size:35px;font-weight:700}.weather-container2{width:500px;color:#fff;height:320px;padding:20px;border-radius:15px;border:1px transparent;background-image:linear-gradient(160deg,rgba(5,35,53,.918),rgba(128,208,200,.582));overflow:hidden;backdrop-filter:blur(10px);filter:blur(.2px);overflow:auto;transition:background-color .5s ease-in-out,background-image .5s ease-in-out}@media(max-width:830px){.weather-container2{width:45vw;height:390px}.icons{width:25%;height:auto}.icon1{width:20%}}@media (max-width:600px){.row-container{display:flex;flex-direction:column}.weather-container,.weather-container2{width:auto;height:auto}.dafault-container{width:90vw}.weather-table thead{display:none}.weather-table tr{display:block;width:100vw;margin-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.1)}.weather-table td{display:block;position:relative;padding-left:45%;padding-right:1px}.weather-table td,.weather-table td:before{box-sizing:border-box;text-align:left;width:100%}.weather-table td:before{content:attr(data-label);position:absolute;left:0;padding-left:10px;font-weight:700}}@media (max-width:600px){.weather-table::-webkit-scrollbar{height:9px;border-radius:12px}.weather-table::-webkit-scrollbar-thumb{background-color:#000000a1;border-radius:16px}.weather-table::-webkit-scrollbar-track{background-color:hsla(0,0%,97%,.349);border-radius:16px}.weather-table::-webkit-scrollbar-thumb:hover{height:12px;background:#000000fb}}