@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{font-family:Lato,sans-serif;position:relative}header{background-color:#dde1e9;display:grid;padding:2rem 2rem 6rem;place-items:center}h1{color:#2a2f59}input{border:none;border-radius:10px;max-width:700px;padding:1rem;width:100%}section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);margin:-3rem auto auto;width:-webkit-max-content;width:max-content}.card{background-color:#f5f5f5;box-shadow:0 0 10px #00000050;height:300px;position:relative;width:200px}.card,.card div,.desc{border-radius:10px}.desc{background-image:linear-gradient(#00000000,#000000b7);bottom:0;color:#fff;padding:2rem 1rem 1rem;position:absolute;width:100%}.loader{-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite;background:linear-gradient(90deg,transparent,#f5f5f5,transparent),linear-gradient(#dbdbdb,#dbdbdb),linear-gradient(#dbdbdb,#dbdbdb);background-color:#f5f5f5;background-position:-200px 0,15px 230px,15px 260px;background-repeat:no-repeat;background-size:100px 300px,150px 15px,100px 15px;border-radius:10px;height:300px;width:200px}@-webkit-keyframes loading{to{background-position:200px 0,15px 230px,15px 260px}}@keyframes loading{to{background-position:200px 0,15px 230px,15px 260px}}#modal{background:#0000005b;display:flex;height:100%;left:0;padding:2rem;position:absolute;top:0;visibility:hidden;width:100%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #00000050;height:-webkit-max-content;height:max-content;margin:4rem auto;max-width:700px;position:relative;width:100%}#modal img{border-radius:10px 10px 0 0;height:400px;object-fit:cover;object-position:center;width:100%}#closeBtn{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;font-weight:800;position:absolute;right:-1.5rem;top:-3rem}#modal p{font-weight:700;padding:5px 1rem}#modal .location,.location{font-size:.8rem;font-weight:400}@media screen and (min-width:450px){section{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:700px){section{grid-template-columns:repeat(6,1fr);height:950px;padding-bottom:5rem;width:650px}.card,.loader{height:auto;width:auto}.loader:nth-of-type(2),.loader:nth-of-type(7){-webkit-animation:bigload 1.5s infinite;animation:bigload 1.5s infinite;background-position:-200px 0,15px 390px,15px 420px;background-size:200px 600px,150px 15px,100px 15px}@-webkit-keyframes bigload{to{background-position:200px 0,15px 390px,15px 420px}}@keyframes bigload{to{background-position:200px 0,15px 390px,15px 420px}}.card:first-of-type,.loader:first-of-type{grid-area:1/1/3/3}.card:nth-of-type(2),.loader:nth-of-type(2){grid-area:1/3/4/5}.card:nth-of-type(3),.loader:nth-of-type(3){grid-area:1/5/3/7}.card:nth-of-type(4),.loader:nth-of-type(4){grid-area:3/1/5/3}.card:nth-of-type(5),.loader:nth-of-type(5){grid-area:3/5/5/7}.card:nth-of-type(6),.loader:nth-of-type(6){grid-area:5/1/7/3}.card:nth-of-type(7),.loader:nth-of-type(7){grid-area:4/3/7/5}.card:nth-of-type(8),.loader:nth-of-type(8){grid-area:5/5/7/7}}@media screen and (min-width:1024px){section{gap:2rem;height:1400px;width:900px}.loader{-webkit-animation:bigload 1.5s infinite;animation:bigload 1.5s infinite;background-position:-200px 0,15px 390px,15px 420px;background-size:200px 600px,250px 15px,200px 15px}.loader:nth-of-type(2),.loader:nth-of-type(7){-webkit-animation:biggerload 1.5s infinite;animation:biggerload 1.5s infinite;background-position:-200px 0,15px 550px,15px 580px;background-size:400px 800px,250px 15px,200px 15px}@-webkit-keyframes biggerload{to{background-position:200px 0,15px 550px,15px 580px}}@keyframes biggerload{to{background-position:200px 0,15px 550px,15px 580px}}}
/*# sourceMappingURL=main.448fe391.css.map*/