b,body,canvas,div,em,footer,form,h1,h2,h3,header,html,i,iframe,img,label,li,menu,nav,object,ol,p,pre,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}body{line-height:1}footer,header,menu,nav,section{display:block}nav ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}em,i{font-style:normal}body,html{font-family:Arial,Helvetica,sans-serif;font-size:13.5pt;font-weight:normal;background:#fff}body{overflow:hidden}.fullsize{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;background-size:cover}.card{perspective:900px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:800px;height:450px}.card.active .cardwrapper{animation:flipin 1s ease both}.card.opened .cardwrapper{animation:flipout 1s ease both}.cardwrapper{transform-style:preserve-3d;transform-origin:center left;width:100%;height:100%;animation:flipinit 0.5s ease both}.cardinner{position:absolute;left:0;top:0;width:100%;height:100%;background:grey}.card3d{backface-visibility:hidden}.card3d.front{transform:rotateY(0)}.card3d.back{transform:rotateY(180deg)}.cardp1{background:url(img/front.jpg) center no-repeat;background-size:cover;cursor:pointer}.cardp2{background:url(img/inner.jpg) center no-repeat;background-size:cover;cursor:pointer}.cardp3{background:url(img/back.jpg) center no-repeat;background-size:cover}.cardtext{padding:100px 100px 0 100px;cursor:default}.cardtext p{text-align:center;line-height:1.2em;margin-bottom:0.8em}.btn{position:absolute;left:50%;bottom:50px;transform:translate(-50%,-50%);padding:10px 20px;color:#fff;background:rgba(158,0,93,0.6666666667);border-radius:4px;cursor:pointer}@media (orientation:portrait) and (max-width:833px){.card{width:96vw;height:54vw}.cardtext{font-size:2.4vw;padding:6vw 11vw 0 11vw}}@media (orientation:landscape) and (max-height:468px){.card{width:170.667vh;height:96vh}.cardtext{font-size:3.5vh;padding:17vh 24vh 0 24vh}.btn{display:none}}@keyframes flipinit{0%{transform:rotateY(-30deg)}to{transform:rotateY(0)}}@keyframes flipout{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipin{0%{transform:rotateY(-180deg)}to{transform:rotateY(0deg)}}