@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";:root{--tangerine: rgb(255, 150, 50);--light-sky-blue: rgb(150, 190, 255);--deep-blue: rgb(6, 6, 80);--black: rgb(0, 0, 0);--graphite: rgb(30, 30, 30);--light-gray: rgb(180, 180, 180);--gray-hint: rgb(229, 229, 229);--white: rgb(255, 255, 255)}*{margin:0;padding:0}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}body{font-family:Roboto,sans-serif;background-color:var(--white);color:var(--black);transition:.5s}h1,h2,h3{font-family:Montserrat,sans-serif}button{cursor:pointer}html.dark body{background-color:var(--graphite);color:var(--white)}header{width:calc(100vw - 40px);display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--deep-blue);padding:20px}.text-logo{display:flex;flex-direction:row}#weather{color:var(--light-sky-blue)}#app{color:var(--tangerine)}#toggle-theme-button{font-size:30px;background:transparent;border:none;transition:.2s ease}#toggle-theme-button:hover{transform:scale(1.1)}#search-form{display:flex;flex-direction:row;position:relative;padding:10px;align-items:center;gap:5px}form #city-name{padding:10px;background:none;color:var(--white);border:solid 2px var(--white);border-radius:10px}form #city-name::placeholder{color:var(--light-gray)}#get-weather-button{padding:10px;background-color:var(--gray-hint);border:none;border-radius:5px;transition:.5s}#get-weather-button:hover{background-color:var(--light-sky-blue);color:var(--white)}.cities-suggestions-container{display:flex;flex-direction:column;position:absolute;gap:2px;top:100%}.cities-suggestions-container button{padding:10px;background-color:var(--gray-hint);border:none;border-radius:2px}.cities-suggestions-container button:hover{background-color:var(--light-sky-blue)}main{min-width:30vw;display:flex;flex-direction:column;align-items:center;padding:20px;flex:1}.weather-container{min-width:45vw}.units-toggle{width:fit-content;display:flex;justify-content:space-between;border-radius:10px;padding:10px 5px;box-shadow:inset 0 0 2px 1px var(--gray-hint)}.units-toggle button{width:30px;height:30px;background-color:var(--gray-hint);display:flex;justify-content:center;align-items:center;padding:5px;margin:0 5px;border:none;border-radius:5px;transition:.5s}.units-toggle button:not(.active):hover{background-color:var(--light-sky-blue);color:var(--white)}.units-toggle .active{background-color:var(--tangerine);color:var(--white)}.temp-container{display:flex;justify-content:center;align-items:center}.desc-container{display:flex;justify-content:center}.local-time-container{display:flex;justify-content:space-between;align-items:end}.local-time-container h3{font-size:1.25em}.weather-overview-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.weather-overview-container div{display:flex;flex-direction:column;align-items:center;padding:35px 20px;margin:2px;border-radius:10px;box-shadow:inset 0 0 2px 2px var(--gray-hint)}.weather-label{opacity:90%}.weather-value{font-size:1.2em;font-weight:700}footer{width:100vw}.footer-container{display:flex;flex-direction:column;align-items:center}.footer-container a{color:var(--light-sky-blue)}.openweather-credits{display:flex;flex-direction:row;align-items:center}.openweather-credits img{object-fit:cover;width:80%;max-height:80px}@media(max-width:768px){header{flex-direction:column}.weather-overview-container{grid-template-columns:1fr 1fr}}