body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@import url(https://fonts.googleapis.com/css?family=Lato);h3{position:relative;left:45%}.front{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/326221/bc-front.jpg)}.back,.front{background-size:cover}.back{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/326221/bc-back.jpg)}.back .font-a-icons,.back h1,.back p{color:#000;font-family:Lato;margin-left:30%;line-height:90%}.back h1{margin-top:5%}.back p{font-size:16px;padding-bottom:15px;width:35%;border-bottom:2px solid #000}.back .bold{font-weight:700}.back .font-a-icons{margin-top:25px}.back .font-a-icons .icon-group{margin-top:8px}.back .font-a-icons .fa,.back .font-a-icons .link,.back .font-a-icons a,.back .font-a-icons span{color:#000}.back .font-a-icons .fa{font-size:18px}.back .font-a-icons a,.back .font-a-icons span{font-size:16px}.back .font-a-icons .website,.back .font-a-icons a{text-decoration:none}.back .font-a-icons .website:hover,.back .font-a-icons a:hover{color:#3f3f3f}.back .icon-box{position:relative;color:#000;font-size:24px;height:45px;width:45px;padding:5px;top:75px;left:30%;display:inline-block;border:2px solid #000;margin:5px;text-align:center;cursor:pointer;transition:all .5s ease}.back .icon-box:hover{box-shadow:inset 0 50px 0 0 #000;color:#fff}.flip-container{perspective:1000px}.flip-container.hover .flipper,.flip-container:hover .flipper{transform:rotateY(180deg);cursor:pointer}.back,.flip-container,.front{height:500px;width:500px}.flipper{transition:.5s;transform-style:preserve-3d;position:relative}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.front{z-index:2;transform:rotateY(0deg)}.back{background-color:#000;transform:rotateY(180deg)}.vertical.flip-container{position:relative}.vertical .back{transform:rotateX(180deg)}.vertical.flip-container .flipper{transform-origin:100% 400x}.vertical.flip-container:hover .flipper{transform:rotateX(-180deg)}