@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}p{font-size:1.6rem}h1{font-size:6rem}.app{background-color:#0006;color:#fff;height:100vh;position:relative;width:100%}.app:before{background:url(/static/media/sunset.1cd21d232f25cb08196a.jpg) no-repeat 50%/cover;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.app .search{padding:1rem;text-align:center}.app input{background:#ffffff1a;border:1px solid #fffc;border-radius:25px;font-size:1.2rem;padding:.7rem 1.5rem}.app input,::placeholder{color:#f8f8f8}.description{position:relative;right:-40%;transform:rotate(269deg);transform-origin:0 0}.currentweather{border-radius:12px;justify-content:space-evenly;margin:1rem auto;padding:1rem;text-align:center}.currentweather,.loading{background-color:#fff3}.bold{font-weight:700}.city-btn{background-color:#fff3;border:none;border-radius:12px;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px;transition:background-color .2s ease}.city-btn:hover{background-color:#357ab8}.search-btn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:6px 12px}.search-btn:hover{opacity:.8}.btn.active{background-color:#6e747d}.loading-screen{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:8px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:16px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:1.2rem;font-weight:500;letter-spacing:1px}
/*# sourceMappingURL=main.1b24c97c.css.map*/