*{padding:0;margin:0;font-family:inherit;font-size:100%;box-sizing:border-box}body{background-color:#28263e;font-family:"Comfortaa", sans-serif}body::-webkit-scrollbar{display:none}.app{display:flex;flex-direction:column;margin-top:2rem;gap:1.5rem}.app__title{color:white;text-align:center;font-size:3rem}.app__search .form{display:flex;flex-direction:column;justify-content:center;gap:1rem}.app__search .form .formInputContainer{display:flex;justify-content:center}.app__search .form .formInputContainer__input{outline:none;appearance:none;border:none;height:3rem;width:16rem;text-align:center;font-size:1.5rem;border-radius:1.5rem}.app__search .form .formInputContainer__input:focus{border:1px #7aff00 solid}.app__search .form .formButtonsContainer{display:flex;justify-content:center;gap:1rem}.app__search .form .formButtonsContainer button{outline:none;border:none;height:2rem;width:2rem;border-radius:1rem;font-size:1.5rem;cursor:pointer;color:black}.app__search .form .formButtonsContainer__switch,.app__search .form .formButtonsContainer__clear,.app__search .form .formButtonsContainer__submit{transition:background-color 250ms ease-in-out}.app__search .form .formButtonsContainer__switch{background-color:#eaeaea}.app__search .form .formButtonsContainer__switch:hover{background-color:#ffffff}.app__search .form .formButtonsContainer__clear{background-color:#ff7676}.app__search .form .formButtonsContainer__clear:hover{background-color:#ff2b2b}.app__search .form .formButtonsContainer__submit{background-color:#8dff80}.app__search .form .formButtonsContainer__submit:hover{background-color:#2cff14}.app__output{display:flex;align-items:center;flex-direction:column}.app__output .errorContainer{text-align:center;width:33%;background-color:#ff8888;border:1px solid red}.app__output .errorContainer h1{padding:0.75rem}.app__output .outputContainer{display:flex;flex-direction:column;align-items:center;color:white;gap:2rem}.app__output .outputContainer__title h1{text-align:center;font-size:2rem}.app__output .outputContainer__list{display:flex;flex-direction:column;gap:1rem}.app__output .outputContainer__list .weatherItem{padding:1rem;display:flex;flex-direction:column;align-items:center}.app__output .outputContainer__list .weatherItem__text{text-align:center}.app__output .outputContainer__list .weatherItem__img{margin-top:0.75rem;width:7rem;height:4rem;background-size:cover;background-repeat:no-repeat;background-position:center center;vertical-align:middle}.app__output .outputContainer__list div:nth-child(odd){background-color:#3b3e67}.app__output .outputContainer__main{display:flex}.app__output .outputContainer__main .temp{font-size:300%}.app__output .outputContainer__main .icon{width:6rem;height:3rem;background-size:cover;background-repeat:no-repeat;background-position:center center;vertical-align:middle}.app__output .outputContainer__extra{display:flex;flex-direction:column;gap:1rem;width:100%}.app__output .outputContainer__extra .minmax,.app__output .outputContainer__extra .humidity,.app__output .outputContainer__extra .wind{display:flex;justify-content:space-between}.app__output .outputContainer__extra .wind div{display:flex;gap:0.5rem}.app__output .outputContainer__extra .arrow{width:10px;height:18px}.app__footer{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:3rem;background:linear-gradient(to bottom, #3b3e67, #28263e)}.app__footer .footerText{text-align:center;color:white}.app__footer a{color:#b5b5fb;text-decoration:none}.app__footer .react{width:3.5rem}.app__footer .sass{width:4rem;height:4rem}.app__footer img{vertical-align:middle}
/*# sourceMappingURL=style.css.map */