*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}p{font-size:1.6rem}h1{font-size:6rem}.app{color:#fff;background-color:#0006;width:100%;height:100vh;position:relative}.app:before{content:"";z-index:-1;background:url(/assets/sunset-BtRnyhkK.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.container{flex-direction:column;justify-content:space-between;max-width:700px;height:70%;margin:auto;padding:0 1rem;display:flex;position:relative;top:10%}.app .search{text-align:center;padding:1rem}.app input{color:#f8f8f8;background:#ffffff1a;border:1px solid #ffffffe6;border-radius:25px;padding:.7rem 1.5rem}::placeholder{color:#f8f8f8}.app .top{width:100%;margin:1rem auto}.app .bottom{text-align:center;background-color:#fff3;border-radius:12px;justify-content:space-evenly;width:100%;margin:1rem auto;padding:1rem;display:flex}.bold{font-weight:700}@media (max-width:768px){h1{font-size:4rem}p{font-size:1.2rem}.container{max-width:90%;padding:0 .5rem}.app input{width:90%;max-width:400px;font-size:1rem}.app .bottom{flex-direction:column;gap:1rem;padding:1.5rem}.app .bottom>div{padding:.5rem 0}}@media (max-width:480px){h1{font-size:3rem}p{font-size:1rem}.app .search{padding:.5rem}.app input{width:95%;padding:.6rem 1rem;font-size:.9rem}.container{height:80%;top:5%}.app .bottom{padding:1rem}.bold{font-size:1.2rem}}