@import url(https://fonts.googleapis.com/css?family=Outfit);*{box-sizing:border-box;padding:0}*,body{margin: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:rgba(0,0,0,.5);color:#fff;position:relative}.app,.app:before{height:100vh;width:100%}.app:before{background:url(/Weather-Api/static/media/sunset.a7aea0ee970fac901abc.jpg) no-repeat 50%/cover;content:"";left:0;position:absolute;top:0;z-index:-1}.app .search{padding:1rem;text-align:center}.app input{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.8);border-radius:25px;color:#f8f8f8;font-size:1.2rem;padding:.7rem 1.5rem}::-webkit-input-placeholder{color:#f8f8f8}::placeholder{color:#f8f8f8}.container{display:flex;flex-direction:column;height:400px;justify-content:space-between;margin:auto;max-width:520px;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:1rem auto;padding:1rem;text-align:center;vertical-align:center;width:100%}.bold{font-weight:700}
/*# sourceMappingURL=main.9d18ebbb.css.map*/