*{box-sizing:border-box;margin:0;padding:0}body,html{background:#000 url(/static/media/bg.085908ea.jpg) no-repeat 50%/cover;height:100vh;color:#fff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.container{max-width:1100px;margin:auto;padding:0 20px}.btn{display:inline-block;color:#fff;background-color:#3fb573;font-size:1em;text-align:center;padding:10px 15px;border:0;margin:10px 0}header{height:200px}header img{width:200px}.center{display:flex;align-items:center;justify-content:center}.search{height:100px}input[type=text]{display:block;padding:10px;font-size:20px;border:0;border-radius:5px;width:60%;margin:auto;outline:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.card{cursor:pointer;background-color:transparent;height:300px;perspective:1000px}.card h1{font-size:25px;border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px}.card img{width:100%;height:300px;object-fit:cover}.card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{background-color:#333;color:#fff;padding:20px;transform:rotateY(180deg)}.card li{list-style:none;padding-bottom:10px}@media (max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.cards{grid-template-columns:1fr}.card img{width:100%;height:300px;object-fit:contain}}
/*# sourceMappingURL=main.b985cc62.chunk.css.map */