@import"https://fonts.googleapis.com/css2?family=Outfit&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:outfit}.app{position:relative;width:100%;height:100vh;background-color:#0003;color:#fff}.app:before{content:"";background:url(/assets/bg-7c2ef98f.jpg) no-repeat center center/cover;position:absolute;width:100%;height:100%;z-index:-1;left:0;top:0}.container{position:relative;height:80%;display:flex;flex-direction:column;justify-content:space-between}.app .description{position:relative;padding:12px;right:-90%;top:20%;transform-origin:0 0;transform:rotate(270deg)}.app .searchbox{text-align:center;padding:1rem}.app input{padding:.7rem 1.5rem;font-size:1.2rem;border-radius:25px;border:1px solid rgba(255,255,255,.8);background-color:#ffffff1a;color:#f8f8f8}::placeholder{color:#f8f8f8}.app .top{padding:1.2rem}.app .bottom{display:flex;width:80%;margin:1rem auto;padding:1rem;border-radius:12px;text-align:center;justify-content:space-evenly;background-color:#fff3}.bold{font-weight:700}.app .temprature h1{font-size:4.5rem}.app .location p,.app .description p{font-size:2rem}