@import"https://fonts.googleapis.com/css?family=Dancing+Script";body{margin:0;background-color:#4caf50;background:url(pexels-maria-orlova-4913507.40f5475df2196a35.jpg) no-repeat center center fixed;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;perspective:1000px;transform-style:preserve-3d}img{max-width:100%}*,*:after,*:before{box-sizing:border-box}h1,h2{font-family:Dancing Script,serif;font-weight:400;text-align:center;background:rgba(0,0,0,.5);padding:.15em}h1{background:none;color:#009500}h2{color:gold}@media screen and (max-width: 599px){h1,h2{font-size:1.5em}.logo{max-width:150px}}@media screen and (min-width: 600px) and (max-width: 959px){h1,h2{font-size:2em}.logo{max-width:175px}}@media screen and (min-width: 960px){h1{font-size:2.5em}h2{font-size:3em}.logo{max-width:200px}}.wrap{width:50vw;max-width:600px;height:50vh;max-height:500px;position:relative;transform:rotateX(30deg);transform-style:preserve-3d;box-shadow:0 4px 2px #0000004d}.card{height:100%;width:100%;background-color:#fff;border-radius:2px;position:relative;border:8px solid #B60003;text-align:center}.card--front{display:flex;background:url(ArmstrongBridge.c51f5152c8650ac0.jpg) no-repeat center center fixed;background-size:cover;align-items:center;justify-content:center;transition:all 1.5s cubic-bezier(.4,0,.2,1);transform-origin:center left;position:absolute;top:0;left:0;z-index:2;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card--front.open{transform:rotateY(-180deg);background:white}.card--front.back{z-index:0;background:white;backface-visibility:visible;-webkit-backface-visibility:visible}.card--inner{overflow:hidden;padding:15px}.card--inner h2{font-size:32px}.card--inner img{max-width:60%;margin-top:1.5em}.card--inner.open:before{transform:translate(-155%);opacity:.1}.card--inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;opacity:1;transition:all 1s ease-in-out}button{-webkit-appearance:none;background:#E53935;border:5px solid #9f1815;border-width:0 0 5px;padding:10px 20px;width:10em;cursor:pointer;text-align:center;display:block;margin-top:20px;box-shadow:0 4px 2px #0000004d}button:active{border-bottom-width:2px;margin-top:23px;outline:none}button:focus{outline:none}