@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";.main{display:flex;justify-content:center}.weather{height:65vh;width:50vh;place-self:center;padding:20px;margin:0;border-radius:10px;background-image:radial-gradient(circle 311px at 8.6% 27.9%,#3e93fc91 12.9%,#a3a3a370 91.2%);display:flex;flex-direction:column;align-items:center}.box-1{display:flex;justify-content:center;align-items:center;gap:auto;margin-top:20px;border-width:2px 0 2px 0px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-image:linear-gradient(109.6deg,#2d74d5 11.2%,#7989d4 91.2%);border-style:solid;border-color:#fff;width:50vh;padding:1.5em}.box-2{display:flex;padding:10px;margin-top:20px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:gradient;justify-content:center;align-items:center;width:40vh;border-radius:20px}.box-3{display:flex;margin-top:20px;justify-content:center;align-items:center}.weather-info,.weather-info2{padding:10px}.content-1{display:flex;justify-content:space-between;align-items:center;background-color:#0093e9;background-image:linear-gradient(160deg,#0093e9,#80d0c7);padding:8px 10px;border-radius:12px;color:#fff;margin-top:10px;width:22vh}.content-2{display:flex;justify-content:space-between;align-items:center;background-color:#0093e9;background-image:linear-gradient(160deg,#0093e9,#80d0c7);padding:8px 10px;border-radius:12px;width:23vh;color:#fff;margin-top:10px}.content-3{display:flex;justify-content:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#fbab7e;background-image:linear-gradient(62deg,#fbab7e,#f7ce68);padding:8px 12px;border-radius:12px;align-items:center;gap:50px 12px;color:#fff;margin-top:10px;width:21vh}.content-4{display:flex;justify-content:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#fbab7e;background-image:linear-gradient(62deg,#fbab7e,#f7ce68);padding:8px 12px;border-radius:12px;align-items:center;gap:20px 12px;color:#fff;margin-top:10px;width:21vh}.loc{display:inline-block;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#fff3;border-radius:20px;padding:18px 30px;margin-top:8px;margin-bottom:8px;max-width:280px}.time{color:#fff;display:inline;margin-left:auto;padding-right:20px}.realtime{font-weight:500;font-size:30px}.current-time{color:#fff;font-size:12px}.sun-time{font-size:14px;padding-top:2px;margin-left:10px;font-weight:500}.search_icon{height:39px;border-radius:50px;margin-top:20px;cursor:pointer}.search-bar{display:flex;align-items:center;gap:4px;margin:0}.search-bar input{margin-top:20px;height:40px;width:30vh;padding-left:8px;font-size:10px;border-radius:12px;border:2px;cursor:text;font-size:14px;font-weight:800px}.weather-icon{height:80px;width:80px}.humidity-icon,.wind-icon{height:24px}.humidity{size:12px}.wind{margin-left:10px}.data1{font-weight:500;margin-right:5px}.data2{font-weight:500;margin-left:10px}.temperature{color:#fff;font-size:40px;font-weight:500;margin-left:30px}.place{font-family:sans-serif;color:#fff;font-size:45px;display:flex;justify-content:left;align-items:center;font-weight:500}.location{color:#fff;font-size:12px}.status{color:#fff;font-size:15px}.sunrise,.sunset{height:24px}.status{margin-left:60px}.weather.light{color:#000;background-color:#f0f0f0}.weather.dark{color:#fff;background-color:#121212}.weather.sunny{background:linear-gradient(to top right,#ffe57f,#ffca28)}.weather.rainy{background:linear-gradient(to top right,#4f6d7a,#2f3e46)}.weather.cloudy{background:linear-gradient(to top right,#d7d2cc,#304352)}.weather.snowy{background:linear-gradient(to top right,#e0f7fa,#80deea)}.weather.default{background:linear-gradient(to top right,#c9d6ff,#e2e2e2)}.theme-toggle{position:absolute;top:1rem;right:1rem;background:#888;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}.app{min-height:100vh;display:grid;background-image:linear-gradient(#006590dd,#000)}