@import"https://fonts.googleapis.com/css2?family=League+Spartan&display=swap";*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}input,button,a,textarea,select{-webkit-tap-highlight-color:transparent;font-family:League Spartan,sans-serif}:root{--primary-bg-col: #002b5b;--secondary-col: #2b4865;--primary-text-col: #256d85;--secondary-text-col: #8fe3cf}body{font-family:League Spartan,sans-serif;color:#fff;height:100vh}.main-container{width:100%;min-height:100vh;background:linear-gradient(to bottom,#020111 85%,#191621);display:flex;flex-direction:column;gap:2.5rem;align-items:center}.main-heading{font-size:2.4rem;text-align:center;padding:10px 30px;transition:.5s all;margin-top:50px}.app-body{width:100%;margin:80px 0;text-align:center;display:flex;flex-direction:column;gap:4.6rem;align-items:center;transition:.5s all}.option-container{display:flex;justify-content:space-between;max-width:500px;width:90%;margin:0 auto}.option-container .user-weather,.option-container .search-weather{padding:6px 10px;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:.07rem}.entry{width:100%;display:flex;flex-direction:column;gap:1.2rem;align-items:center}.entry .entry-icon-container{width:60px;height:60px}.entry-icon-container img{width:100%}.entry .entry-heading{font-size:2rem;letter-spacing:.15rem}.entry .entry-description{font-size:1rem}.entry button{padding:10px 20px;background-color:#90ee90;color:var(--primary-bg-col);border:none;border-radius:5px;font-size:1.2rem;cursor:pointer}.weather-container{display:flex;flex-direction:column;justify-content:center;gap:.8rem}.weather-container .location-container{display:flex;gap:.85rem;align-items:center;justify-content:center}.location-container .location{font-size:2rem}.weather-container .country-flag{width:25px;height:25px;border-radius:5px}.weather-container .description{font-size:1.4rem}.weather-container .weather-icon{width:70px;height:70px;margin:0 auto;background:#ffffff73;border:none;box-shadow:2px 2px 30px #00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;filter:brightness(120%)}.weather-icon img{width:100%}.weather-container .temperature{font-size:3rem;font-weight:600}.parameter-container{margin:25px auto 0;display:flex;align-items:center;gap:2.4rem;text-align:center;width:500px;transition:.5s all}.parameter-container .parameters{padding:10px 25px;background:#ffffff40;border:none;box-shadow:5px 5px 30px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;filter:brightness(120%)}.parameters .parameter-img{width:80px;height:80px}.parameter-img img{width:100%}.parameters .parameter-title{font-weight:600;letter-spacing:.05rem}.parameter-img .himidity{width:80%}.parameter-container .parameter-value{margin-top:4px}.search-form{max-width:500px;width:90%;display:flex;align-items:center;gap:1.2rem}.search-form input{height:2.2rem;width:85%;font-size:1.4rem;color:var(--secondary-text-col);padding:5px 15px;border-radius:5px;background-color:transparent;border:1px dashed var(--secondary-text-col);font-weight:500;letter-spacing:.09rem}.search-form input:focus,.search-form input:active{outline:none}.search-form .search-btn{background-color:var(--primary-text-col);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:.5s all}.search-form .search-btn:hover{transform:scale(1.1)}.search-form .search-icon{background-color:transparent}@media only screen and (max-width: 550px){html{font-size:85%}.search-form{max-width:350px;width:100%;gap:.85rem}.entry{margin-top:50px}.main-heading{margin-top:100px}.parameter-container{width:350px;margin:30px auto}.weather-container .weather-icon{width:60px;height:60px}.parameter-container .parameters{width:100px;height:100px;padding:5px 10px}.parameters .parameter-img{width:60px;height:60px}.app-body{margin:50px 0;gap:2.4rem}.weather-container .temperature{font-size:2.4rem;font-weight:600}.weather-container{gap:1.4rem}}