@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;margin:0;padding:0}body{height:100vh;overflow:hidden;padding:2rem 0;position:relative;width:100%}body:before{background:url(/static/media/travel-image.7c7e15bbc366f81a3731.jpg) no-repeat 50% fixed;background-size:cover;bottom:0;content:"";filter:blur(7px);left:0;position:absolute;right:0;top:0;z-index:-1}#app{background:#9f7d56;background:radial-gradient(circle,#9f7d56 0,#fdd17a 100%);border-radius:3rem;display:block;height:33rem;margin:0 auto;overflow:hidden;padding:4rem 0;position:relative;text-align:center;width:25rem}#searchBar{display:flex;margin-bottom:3rem;padding:0 4rem}#searchBarInput{background-color:none;background:#0000;border:none;border-bottom:1px solid #fff;color:#fff;outline:none;width:90%}input::placeholder{color:#fff;opacity:.6}input:focus{background-color:initial}#clearBtn,#searchBtn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin:0 1rem}#info{color:#fff;line-height:.5rem}#info h3{font-size:3rem;font-weight:300;margin:.6em}#description,#info h3{text-transform:capitalize}#temp{font-size:3rem;font-weight:300;margin-top:1rem}#extraInfo{bottom:5px;display:flex;justify-content:space-around;padding-bottom:3rem;position:absolute;width:100%}#extraInfo h5{font-size:1.5rem;font-weight:300;text-transform:capitalize}.loader{--c:#0000 64%,#fff 66% 98%,#0000 101%;animation:l3 1s linear infinite;aspect-ratio:6;background:radial-gradient(35% 146% at 50% 159%,var(--c)) 0 0,radial-gradient(35% 146% at 50% -59%,var(--c)) 25% 100%;background-repeat:repeat-x;background-size:33.33333% 50%;clip-path:inset(0 50%);height:30px;left:90px;padding:0 1rem;position:absolute;width:50%}@keyframes l3{90%,to{clip-path:inset(0)}}.footer{color:#fff;padding:0 1rem}.footer a{color:#fff;&:hover{color:#9f7d56}}@media only screen and (max-width:900px){#app{height:33rem;margin:2rem auto;padding:2rem 0;width:20rem}#clearIcon,#searchIcon{font-size:1rem}#info h3{font-size:2rem}}
/*# sourceMappingURL=main.c9179792.css.map*/