*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(farthest-side at 50% 0,#15391e,#000);background-repeat:no-repeat;background-attachment:fixed;color:#fff;font-family:Arial,Helvetica,sans-serif}#root,body,html{height:100vh}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}.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-loading{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);background-size:1000px 104px;position:relative}.card-loading img{opacity:0}.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;object-position:top;transition:opacity .5s ease;will-change:opacity}.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}.text-highlight{color:#f3d32e;font-weight:700;letter-spacing:.1rem}.loading,.text-highlight{text-align:center}.loading img{width:62px}@media (max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.cards{grid-template-columns:1fr}}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}
/*# sourceMappingURL=main.8e8b834b.chunk.css.map */