#surf.box{color:red;cursor:default}#surf.box a{pointer-events:auto}
.card{color:#145}
.background{background:url(../bords/surf.jpg);background-size:100% 100%}
.logo,.initial{font-family:reporter,bn,hi,hy,ja,ka,km,ko,ml,my,cursive}
.logo,.person{transform-origin:0 0;transform:rotate(-25deg)}
.logo{left:2%;top:37%;line-height:.9}
.logo p:before{font-size:150%}
.logo p:after{font-size:112.5%;letter-spacing:1px}
.person{left:6%;top:74%;text-align:center}
.person p:before{font-size:112.5%}
.person p:after,.back div{font-size:87.5%}
.contact{right:5%;left:auto;bottom:7%;background:rgba(0,128,192,.5);color:#fff;padding:3px;text-shadow:1px 1px rgba(0,0,0,.6);text-align:center;transform:rotate(-2deg);border-radius:4px;z-index:9}
.frame{display:block;bottom:35%;right:8%;transform:rotate(-3deg)}
.frame:after{top:0;right:0;bottom:0;left:0;box-shadow:2px 2px 4px 2px rgba(0,0,0,.6);z-index:-4}
.frame,.frame:after,.frame img{border-radius:6px 6px 0 0}
.initial{left:30%;font-size:500%;color:#63CDFE;text-shadow:1px 1px #07a,-1px -1px #07a;opacity:.5}
.back:before{background:#fff url(../bords/surf.png) center;background-size:cover}
.back p{left:0;right:0;top:36%;text-align:center}
.back div:before{left:auto;right:5%;top:8%}.back div:after{left:5%;bottom:30%}
.w67h28{font-size:8.6pt}.w67h31{font-size:9pt}.w64h32,.w67h35{font-size:10pt}.w64h37,.w67h40,.w101h35{font-size:11pt}