@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0}* body{background-color:#31868d;font-family:Roboto,sans-serif}* body .container{display:grid;text-align:center}* footer{color:#fff;padding:15px 0}nav{align-items:center;background-color:#0a8786;color:#fff;display:flex;font-size:18pt;justify-content:space-between;padding:5px 25px;width:100vw}nav div{border-radius:50%;padding:10px 15px;transition:.4s ease;transition-property:background-color}nav div:hover{background-color:#0ca7a7;cursor:pointer}#saved{align-items:center;background-color:#faebd7;display:none;display:grid;grid-template-areas:"star saved_places";grid-template-columns:0fr auto;padding:0;width:100vw}#saved #star_icon{align-items:center;background-color:#3f3f3f;color:gold;grid-area:star;padding:15px;text-align:center}#saved #saved_places{background-color:inherit;display:flex;grid-area:saved_places;overflow:auto;white-space:nowrap}#saved #saved_places .places{background-color:#a1a1a1;border-radius:5px;margin-left:12px;margin-right:3px;padding:8px 12px;width:fit-content;width:-moz-fit-content}#saved #saved_places .places:hover{cursor:pointer}#saved.hidden{display:none}#search{align-items:center;background-color:#d1c4b9;display:flex;justify-content:center;padding:10px 0;width:100vw}#search div.input{padding:0 15px;width:fit-content;width:-moz-fit-content}#search div.input.city,#search div.input.country{width:200px}#search div.input input{background-color:#faebd7;border:none;border-radius:5px;font-size:15pt;height:40px;outline:none;padding:7px 12px;width:100%}#search div#find{background-color:#044453;border-radius:5px;color:#faebd7;font-size:18pt;padding:10px 13px}#search div#find:hover{cursor:pointer}@media screen and (max-width:600px){#search{grid-gap:15px;display:grid;justify-content:unset}#search div#find,#search div.input{margin:auto;width:90%!important}}#main{align-items:center;background-color:#d8d8d8;border-radius:5px;display:flex;margin:20px auto;max-width:980px;padding:25px 10px;position:relative;width:95vw}#main #blur{backdrop-filter:blur(10px);background-color:hsla(0,0%,77%,.466);border-radius:5px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}#main #blur i{color:#fff;font-size:60pt;left:50%;margin-left:-43px;margin-top:-35px;position:absolute;top:50%}#main #blur.hidden{display:none}#main #img{width:50%}#main #img img{border-radius:5px;width:100%}#main .info{grid-gap:15px;display:grid;font-size:14pt;padding:0 20px;text-align:center;width:50%}#main .info h2{font-size:16pt}#main .info div.buttons{align-items:center;display:flex;gap:5px;justify-content:space-around}#main .info div.buttons button{border:none;border-radius:5px;font-size:14pt;padding:10px 15px;transition:.4s ease;transition-property:box-shadow}#main .info div.buttons button:hover{box-shadow:0 2px 6px rgba(0,0,0,.5);cursor:pointer}#main .info div.buttons button.__passive{box-shadow:none;cursor:unset;opacity:.5}@media screen and (max-width:600px){#main{grid-gap:20px;display:grid}#main #img{width:100%}#main #img img{border-radius:5px;width:100%}#main .info{grid-gap:15px;display:grid;font-size:14pt;padding:0 20px;text-align:center;width:100%}}