.section-body{background-image:url(12760781_4Z_2101.w026.n002.68B.p1.68.544ba82b1fb25aca.jpg);background-size:cover!important;background-color:#deb887!important;overflow-x:hidden;background-repeat:no-repeat!important;background-position:center!important}h1{font-size:7em}h2{font-size:40px}p{font-size:20px;font-weight:700}h1,h2,p{color:#e1dede}.sidebar{-webkit-backdrop-filter:blur(4px) saturate(180%);backdrop-filter:blur(4px) saturate(180%);background-color:#11192869;border:1px solid rgba(255,255,255,.125);height:100vh}button{background:none;border:none}button i{font-size:45px;color:#c3bfbf}.weather-section{display:flex;align-items:flex-end}.weather-info{display:flex;align-items:center;justify-content:space-evenly;width:100%}.temp-img{height:70px}.input-container{position:relative;width:100%}input{border:0;border-bottom:2px solid #9e9e9e;outline:none;transition:.2s ease-in-out;box-sizing:border-box;color:#fff}label{top:0;left:0;right:0;color:#616161;color:#fff;display:flex;align-items:center;position:absolute;font-size:1rem;cursor:text;transition:.2s ease-in-out;box-sizing:border-box}input,label{width:100%;height:3rem;font-size:1rem;background:none}input:valid,input:focus{border-bottom:2px solid #26a69a}input:valid+label,input:focus+label{color:#fff;font-size:.8rem;top:-30px;pointer-events:none}.divider{background-color:#9e9e9e;height:2px;width:100%;position:absolute;top:48%;left:0%}button i{color:#1b233a}button i:hover{color:#e5e1e1}ul i{color:#e5e1e1;cursor:pointer}ul i:hover{color:#1b233a}li{color:#e5e1e1;font-weight:500;cursor:pointer}.history{height:13em;overflow-x:auto}.weather-details{overflow-x:auto;margin-top:-7px}.history::-webkit-scrollbar,.weather-details::-webkit-scrollbar{width:10px}.history::-webkit-scrollbar-track{background:#f1f1f1}.weather-details::-webkit-scrollbar-track{background:#6d607c}.history::-webkit-scrollbar-thumb,.weather-details::-webkit-scrollbar-thumb{background:#1b233a}.history::-webkit-scrollbar-thumb:hover,.weather-details::-webkit-scrollbar-thumb:hover{background:#555}.history-list{padding:0 43px}.weather-time{color:#f1f1f1}.sunrise,.sunset{margin-top:-15px}.sunrise-icon,.sunset-icon{width:70%}.weather-conditon,.search,.sunrise,.sunset,li{font-size:14px}@media only screen and (max-width: 320px){.weather-info{text-align:center;width:100%;display:block}.weather-details{overflow-x:auto;margin-top:16px}.sidebar{height:100%}.weather-section{height:70vh}.temp{display:block!important}}@media only screen and (min-width: 360px){.weather-info{text-align:center;width:100%;display:block}.weather-details{overflow-x:auto;margin-top:16px}.sidebar{height:100%}.weather-section{height:70vh}.temp{display:block!important}}@media only screen and (min-width: 768px){.temp{display:flex!important;justify-content:center}}@media only screen and (min-width: 1024px){.weather-info{display:flex!important;align-items:center;justify-content:space-evenly;width:100%}.weather-section{height:100vh;display:flex;align-items:center}.sidebar{height:auto}.weather-details{overflow-x:auto;margin-top:-10px}.temp{display:flex!important}}