@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:bisque;color:#fff;font-family:Poppins,sans-serif;height:100vh}a{text-decoration:none}.container{margin:auto;max-width:1100px;padding:0 20px}.btn{background-color:#3fb573;border:0;color:#fff;display:inline-block;font-size:1em;margin:10px 0;padding:10px 15px;text-align:center}header{height:200px}header img{width:200px}.center{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 2rem}.search{background:#000;height:100px;padding-top:1.8rem}input[type=text]{align-items:center;border:0;border-radius:5px;display:block;font-size:20px;justify-content:center;margin:auto;outline:none;padding:10px;width:60%}.cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,0fr);padding-left:17vw}.card{background-color:transparent;cursor:pointer;height:14rem;-webkit-perspective:1000px;perspective:1000px;width:12rem}.card h1{border-bottom:1px solid #fff;font-size:25px;margin-bottom:10px;padding-bottom:10px}.card img{object-fit:cover}.card img,.card-inner{height:100%;width:100%}.card-inner{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.card:hover .card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.card-back{background-color:#241e1e;color:#fff;padding:1rem;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back h1{font-size:1rem}.card-back li{color:#ff0;font-size:.8rem;padding-bottom:.5rem}.card-back li p{color:#faebd7;font-size:.6rem}.card li{list-style:none}@media (max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.cards{grid-template-columns:1fr}.card img{height:300px;object-fit:contain;width:100%}}.img1{height:10rem}.img2{height:5rem;margin-top:-2rem}.search{margin-bottom:1rem}
/*# sourceMappingURL=main.0d1d7289.css.map*/