.flip-card{background-color:transparent;height:300px;margin:10px;perspective:1000px;width:300px}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card:focus{outline:0}.flip-card:focus .flip-card-inner,.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-card-front{background:linear-gradient(270deg,#4364f7,#6fb1fc);background-repeat:no-repeat;background-size:cover;color:#000}.flip-card-back,.flip-card-front{align-items:center;border:7px solid #d7d7d7;display:flex;justify-content:center}.flip-card-back{background:linear-gradient(90deg,#4364f7,#6fb1fc);background-repeat:no-repeat;background-size:cover;color:#fff;transform:rotateY(180deg)}h3{color:#fff;font-family:Verdana,sans-serif;font-size:20px;font-weight:700;margin:10px}