@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{width:100%;height:100vh;color:var(--background-color)}.page-content{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;padding:20px}.mainContainer{width:clamp(320px,80vw,1280px);margin:0 auto}.main-wrapper{width:100%;background-color:#fff;color:#000}.main-wrapper.night{background-color:#000;color:#fff}.weather-wrapper{display:flex;justify-content:center}.mainContainer{margin:0 auto;padding:20px;width:clamp(320px,90vw,1400px);min-height:calc(90vh - 80px);background:linear-gradient(to bottom,#c8e6fe59,#8fbff28c);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0096c826;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,4vw,40px)}.mainContainer.night{background:linear-gradient(to bottom,#c8e6fe0d,#8fbff240)}.searchContainer{flex-wrap:wrap;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}.searchContainer input{background:#ffffff40;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:2px solid rgba(255,255,255,2);box-shadow:0 8px 32px #0096c840;min-width:360px;border-width:0cap;min-height:36px;text-align:center}.searchContainer input{background:#fff}.searchContainer input:focus{box-shadow:0 8px 32px #0096c8;outline:none}.searchIcon{background:#fff;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:0px solid rgba(255,255,255,2);box-shadow:0 8px 32px #0096c873;max-height:36px;width:36px;cursor:pointer}.searchIcon:hover{box-shadow:0 8px 32px #0096c8;outline:none}.weatherIcon{min-height:125px}.resultContainer{border-radius:20px;box-shadow:0 8px 32px #5eadc773;padding:50px;display:flex;flex-direction:column;align-items:center;gap:clamp(30px,4vw,40px)}.results,.dailyResult{display:flex;flex-direction:column;align-items:center}.dailyResult{box-shadow:0 8px 32px #0096c842;min-width:120px;padding:15px;border-radius:15px}.extraResults{display:flex;flex-direction:row;gap:clamp(25px,10vw,40px);align-items:center;justify-content:space-around}.extraResults-daily{margin-top:40px;display:flex;flex-wrap:wrap;gap:clamp(25px,5vw,40px);justify-content:center}.humidity-wrapper,.wind-wrapper{display:flex;flex-direction:row}.header-wrap{min-height:60px;background-color:#7fdcfb40;display:flex;flex-direction:row;justify-content:space-between}.header-wrap.night{background-color:#001822}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:50px}.logo-wrapper{display:flex;align-items:center}.logo-item{list-style:none}.navbar-item{display:flex;align-items:center;height:100%;list-style:none}.night-mode-toggle-wrapper{display:flex;align-items:center;height:100%;list-style:none;gap:10px}.navbar-item:hover{background-color:#effafd73}.navbar-item a{text-decoration:none;color:inherit}.logo-wrapper{padding:20px;font-weight:700;font-size:large;cursor:pointer}.logo-wrapper a{text-decoration:none;color:inherit}.night-mode-toggle-btn{margin-right:10px;background-color:#b7b9ba;border:1px solid #aaa;border-radius:100px;width:50px;height:25px;transition:background-color .1s ease,border-color .2s ease;cursor:pointer;box-shadow:1px 1px 10px #000;position:relative}.night-mode-toggle-btn .thumb{height:20px;width:20px;background-color:#fff;border-radius:100px;transform:translate(0);transition:left .15s ease;position:absolute;left:3px;top:50%;transform:translateY(-50%)}.nitght-mode-toggle-btn p{position:relative;transform:translate(-50px)}.night-mode-toggle-btn.toggled{background-color:green}.night-mode-toggle-btn.toggled .thumb{left:25px}