body{font-family:Quicksand,sans-serif}.card{width:200px;height:250px;margin:1rem auto;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.card-front{background:#1447e6;border:1px solid #e5e7eb}.card-back{background:#1447e6;color:white;transform:rotateY(180deg)}.large-header{position:relative;width:100%;background:#1a202c;overflow:hidden;background-size:cover;background-position:50%;z-index:1;padding-top:4rem}#large-header{background-image:url(https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/img/demo-1-bg.jpg)}.main-title{position:absolute;margin:0;padding:0;color:#f9f1e9;text-align:center;top:0;left:50%;transform:translate3d(-50%,-50%,0)}.demo-1 .main-title{text-transform:uppercase;font-size:4.2em;letter-spacing:.1em}.main-title .thin{font-weight:200}@media only screen and (max-width:768px){.demo-1 .main-title{font-size:3em}#logo{display:none}}