:root{--fgf-dark-blue:#01192f;--fgf-light-grey:#a7a7a7;--fgf-dark-grey:#535353;--fgf-light-blue:#0365c0;--fgf-background-grey:#f5f6f7;--fgf-dark-blue-hover:#01192f80;--clr-primary:#651fff;--clr-gray:#37474f;--clr-gray-light:#b0bec5}body{color:var(--clr-gray);display:flex;flex-direction:column;font-family:lato,sans-serif;min-height:100vh;text-align:center}main{flex:1}.cards-container{gap:2rem;justify-content:center;margin:0 auto;min-width:1200px}.card,.cards-container{display:flex;flex-wrap:wrap}.card{align-items:center;border-radius:2rem;box-shadow:.5rem .5rem 2rem rgba(0,0,0,.2);flex-basis:45%;flex-direction:column;padding:1rem;position:relative}.card>:is(h2,h3,p){margin:.6rem}.card:hover{transform:translateY(-2px);transition:transform .3s}.card-top-block{display:flex;flex:1;flex-direction:column}.card-top-block,.card-top-block>img{align-items:center;position:relative}.card-top-block>img{border-radius:2rem;height:280px;justify-content:center;padding:1rem;width:500px}.card-top-block>h4{font-size:1.5rem;left:50%;position:absolute;text-align:center;top:33%;transform:translate(-50%,-50%);width:8rem}.card>img{align-items:center;border-radius:2rem;justify-content:center;margin:0 auto;padding:1rem;position:relative;width:500px}.card-btn{background-color:var(--fgf-dark-blue);border-radius:1rem;color:#fff;font-weight:700;margin-top:auto;padding:1rem;text-decoration:none;transition:background-color .3s;width:max-content}.card-btn:hover{background-color:var(--fgf-light-blue)}