*{-webkit-box-sizing:inherit;box-sizing:inherit}*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;cursor:default}body{font:1.6rem Arial, Helvetica, sans-serif;color:#333;background:#f7f7f7;margin:0}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;padding:3rem;gap:3rem}h1,h2,p{margin:0}h1{font-size:4rem}h2{font-size:3.6rem}a{text-decoration:none}img{display:block;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.cards-wrapper{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;width:90vw}.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-perspective:100rem;perspective:100rem}.card:hover .card-front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);visibility:hidden;opacity:0}.card:hover .card-back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);visibility:visible;opacity:1}.card:hover .card-back-content{-webkit-animation:translate 1s ease-in-out;animation:translate 1s ease-in-out}.card-front{-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;border-radius:1rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.1),0 0 1rem rgba(51,51,51,0.1);box-shadow:0 0 1rem rgba(51,51,51,0.1),0 0 1rem rgba(51,51,51,0.1);overflow:hidden}.card-back{position:absolute;height:100%;padding:2rem;background:#eee;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;border-radius:1rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.1),0 0 1rem rgba(51,51,51,0.1);box-shadow:0 0 1rem rgba(51,51,51,0.1),0 0 1rem rgba(51,51,51,0.1);overflow:hidden;visibility:hidden;opacity:0}.card-back-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem}.button{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#fff;font-weight:700;background:#2b5ed4;padding:1.5rem;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;border-radius:0.5rem}.button:hover,.button:focus{background:#2754be}.button:active{background:#234ba9}@-webkit-keyframes translate{0%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes translate{0%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@media (max-width: 1024px){.cards-wrapper{grid-template-columns:auto;width:auto}}@media (max-width: 425px){body{font-size:1.2rem}h1{font-size:3rem}h2{font-size:2.6rem}.button{padding:1rem}}