@import"https://fonts.googleapis.com/css2?family=Epunda+Sans:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Roboto+Slab:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.search{padding-bottom:1rem;width:100%;position:relative}.input-container{height:2.5rem;width:100%;display:flex;position:relative;border:1px solid transparent;border-radius:20px}.input-container:hover,.input-container:focus-within{border:1px solid orange}#search-input{flex:1;height:100%;border-radius:20px;outline:none;padding:0 2rem 0 1rem;border:none;background-color:#000}#search-btn{position:absolute;right:.2rem;background-color:transparent;height:100%;width:2rem;border:none;padding-top:.2rem}.search-icon{fill:#ff9100;cursor:pointer}.suggestions{position:absolute;list-style:none;z-index:10;width:100%;padding:0rem .5rem;background-color:#636363;border-radius:10px;margin-top:.2rem}.suggestions-li{background-color:#636363;width:100%;padding:.4rem 0;cursor:pointer}.weather{height:30rem;width:20rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d;border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;position:relative}#search-city{margin-top:2rem;width:100%}.temperature{display:flex;flex-direction:column;align-items:center;justify-content:center}.temperature>h1{font-weight:700;font-size:2.5rem;color:#000;text-shadow:0 10px 10px rgba(0,0,0,.5)}.temperature>h2{color:#f90;font-size:1.2rem}#not-found{margin-top:4rem;width:100%}.flag-name{border:1px solid rgb(133,133,133);display:flex;align-items:center;justify-content:center;height:2rem;border-left:none;border-right:none;width:auto;padding:0 1rem}.flag-name>h1{font-size:1.3rem;padding-right:.5rem;font-weight:500}.flag-name>img{width:30px}.weather-details{display:flex;align-items:center;justify-content:center;flex-direction:column}.weather-img{height:10rem;width:10rem;object-fit:cover}.weather-img>img{height:100%;filter:drop-shadow(0 15px 25px black)}.temp-parameters{padding-top:1rem}.temp-parameters>ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.temp-parameters>ul>li{display:flex;flex-direction:column;height:6.8rem;padding:.5rem;align-items:center;justify-content:space-between;border-radius:10px;background-color:#f48c06;box-shadow:0 10px 15px #0003}.temp-parameters>ul>li>span{font-size:1.1rem;font-weight:500;color:#331a1a}*{padding:0;margin:0;font-family:Outfit,sans-serif;font-weight:300;font-size:1rem;box-sizing:border-box;color:#e9ccb1}html,body{height:100%;width:100%;margin:0 auto;background-image:url(/Weather-App/assets/weather-bg-Cv58y48G.jpg);background-position:center;background-size:cover}#root{height:100%;width:100%;display:flex;align-items:center;justify-content:center;margin:0 auto;flex-direction:column}