.card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:350px;width:350px;border-radius:10px;position:relative;box-shadow:1px 3px 29px -5px #273236}@media only screen and (max-width:600px){.card{height:300px;width:300px}}.card .imgContainer{width:100%;overflow:hidden;background:#000;border-radius:10px}.card .imgContainer .cardImage{width:100%;object-fit:cover}.card .cardContent{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.card .cardContent .cardTitle{color:#ebe4e4;font-family:Jost,sans-serif;margin-bottom:10px;color:#e63946}.card .cardContent .btn{opacity:0;cursor:pointer;color:orange;text-decoration:underline;font-weight:700}.card .cardContent .btn:hover{letter-spacing:1px;transition:letter-spacing .25s ease}.card:hover>.imgContainer>.cardImage{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:.5;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card:hover>.cardContent{transition:-webkit-transform .45s ease;transition:transform .45s ease;transition:transform .45s ease,-webkit-transform .45s ease;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.card:hover>.cardContent>.btn{transition:opacity .45s ease;opacity:1}.card:hover>.cardContent>.cardTitle{color:#ebe4e4}.card:not(:hover)>.imgContainer>.cardImage{-webkit-transform:scale(1);transform:scale(1);opacity:1;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.card:not(:hover)>.cardContent{transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;-webkit-transform:translateY(0);transform:translateY(0)}.card:not(:hover)>.cardContent>.btn{transition:opacity .25s ease;opacity:0}
/*# sourceMappingURL=main.12ff5c79.chunk.css.map */