@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);*{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}.navbar{align-items:center;background-color:rgba(0,0,0,.4);display:flex;justify-content:space-between;padding:5px 20% 5px 5%;width:100%}.logo{align-items:stretch;font-family:fantasy;font-size:30px}.logo,span{display:flex}span{align-items:center;color:orange;font-size:50px}.app{background-color:rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.app:before{background:url(/Weather-React/static/media/sunset.86fad7fa665b9e24f514.jpeg) no-repeat 50%/cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.app .search{padding:1rem}.app input{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.8);border-radius:25px;color:#fff;font-size:1.2rem;padding:.7rem 1.5rem;text-align:center}::-webkit-input-placeholder{color:#f8f8f8}::placeholder{color:#f8f8f8}.hero{box-sizing:border-box;justify-content:space-between;margin-top:20px;padding:1rem 5rem;text-align:center}.hero,.hero p{align-items:center;display:flex}.hero p{display:inline-block;font-size:2rem;font-weight:900;justify-content:center}.hero-image{border-radius:15px;margin-top:50%;opacity:.9;width:250px}.container,.hero-image{display:flex;flex-direction:column}.container{height:500px;justify-content:space-between;margin:-32em auto;max-width:700px;padding:0 1rem;position:relative;top:10%}.app .top{margin:1rem auto;width:100%}.app .description{position:relative;right:-90%;-webkit-transform:rotate(269deg);transform:rotate(269deg);-webkit-transform-origin:0 0;transform-origin:0 0}.app .bottom{background-color:hsla(0,0%,100%,.2);border-radius:12px;display:flex;justify-content:space-evenly;margin:7rem auto;padding:1rem;text-align:center;width:100%}.bold{font-weight:700}.bottom p{font-size:1rem;padding-left:4px}@media (max-width:480px){.container{margin:5em auto}}@media (max-width:768px){.navbar{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center}.search{margin:5px}.logo{padding-top:15px}}@media (max-width:1075px){.container{margin-top:2em}.hero-image{display:none}.hero{display:flex;flex-direction:column}}@media (min-width:1400px){.hero,.navbar{padding:5px 15%}}@media only screen and (max-width:2600px) and (min-width:1900px){.hero,.navbar{padding:5px 20%}.app .bottom{margin:1em auto}}
/*# sourceMappingURL=main.7f3ea790.css.map*/