@import"https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:SUSE,sans-serif}p{font-size:1.6rem}h1{font-size:6rem}.app{width:100%;height:100vh;position:relative;background-color:#0003;color:#fff;overflow:hidden}.app:before{content:"";background:url(/assets/sunset-CMg9GPjU.webp);background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.app .search{text-align:center;padding:1rem}.app input{padding:.8rem 1.5rem;font-size:1.2rem;border:none;border-bottom:2px solid #d7d7d74e;outline:none;background-color:transparent;color:#f8f8f8;width:90%;border-radius:2px;font-family:SUSE,sans-serif}::placeholder{color:#f8f8f8}.container{max-width:700px;height:600px;margin:auto 15% auto auto;padding:0 1rem;position:relative;top:10%;display:flex;flex-direction:column;justify-content:space-between;padding:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;border:1px solid #d7d7d74e}.app .top{width:100%;margin:2rem auto}.app .description{position:relative;right:-90%;transform-origin:0 0;transform:rotate(269deg)}.app .bottom{display:flex;justify-content:space-evenly;text-align:center;width:100%;margin:1rem auto;padding:1rem;border-radius:12px;background-color:#fff3;white-space:nowrap;flex-wrap:wrap}.bold{font-weight:700}@media (max-width:991px){.container{margin:auto;width:90%;height:550px}h1{font-size:3.5rem}p{font-size:1.2rem}.feels,.humidity,.wind{width:100%;white-space:nowrap;display:flex;gap:15px;justify-content:center;align-items:center}}