@font-face{font-family:"MenloRegular";src:url("../fonts/menlo.woff") format("woff"),url("../fonts/menlo.eot") format("embedded-opentype"),url("../fonts/menlo.ttf") format("truetype"),url("../fonts/menlo.svg") format("svg")}body,html{height:100%;margin:0;padding:0}body{font-family:"MenloRegular", sans-serif;font-size:100%}.wrap{height:100%;position:relative}#logo{margin:0;color:#fff;min-width:320px;height:0;width:100%;padding:0;text-transform:uppercase;position:relative;z-index:1;-moz-perspective:1000px;-webkit-perspective:1000px;perspective:1000px;-moz-perspective-origin:50% 50%;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%}@media (max-width: 37.5em){#logo{min-width:240px}}#logo span{width:80px;height:80px;text-align:center;line-height:80px;float:left;border:1px solid #4c4b4b;box-sizing:border-box;position:relative;z-index:-1;visibility:hidden;top:0;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer}@media (max-width: 37.5em){#logo span{width:60px;height:60px;line-height:60px}}#logo span.space{background:#fff;border:none;cursor:auto}#logo span.square{background:#000}#logo span.triangle{width:0;height:0;border-style:solid;border-width:0 80px 80px 0;border-color:transparent #000 transparent transparent}@media (max-width: 37.5em){#logo span.triangle{border-width:0 60px 60px 0}}#logo span.s-5,#logo span.s-9,#logo span.s-13{clear:left}#logo span.flip{-moz-transform:rotate3d(0, 0, 0, 0);-ms-transform:rotate3d(0, 0, 0, 0);-webkit-transform:rotate3d(0, 0, 0, 0);transform:rotate3d(0, 0, 0, 0);-moz-transition:-moz-transform .25s cubic-bezier(0.18, 0.89, 0.32, 1.28);-o-transition:-o-transform .25s cubic-bezier(0.18, 0.89, 0.32, 1.28);-webkit-transition:-webkit-transform .25s cubic-bezier(0.18, 0.89, 0.32, 1.28);transition:transform .25s cubic-bezier(0.18, 0.89, 0.32, 1.28);visibility:visible}#logo span.down{z-index:1;-moz-transition:top .5s ease-in-out,-moz-transform .5s ease-in-out,-moz-transform-origin 0s;-o-transition:top .5s ease-in-out,-o-transform .5s ease-in-out,-o-transform-origin 0s;-webkit-transition:top .5s ease-in-out,-webkit-transform .5s ease-in-out,-webkit-transform-origin 0s;transition:top .5s ease-in-out,transform .5s ease-in-out,transform-origin 0s;-moz-transform-origin:center center 0;-webkit-transform-origin:center center 0;transform-origin:center center 0}#logo span.down.triangle{-moz-transform:rotateZ(1170deg);-ms-transform:rotateZ(1170deg);-webkit-transform:rotateZ(1170deg);transform:rotateZ(1170deg)}#logo span.down.square{-moz-transform:rotateZ(900deg);-ms-transform:rotateZ(900deg);-webkit-transform:rotateZ(900deg);transform:rotateZ(900deg)}#logo span.s,#logo span.h,#logo span.f,#logo span.r,#logo span.a{text-indent:-200%;font-size:0;color:#000;background-image:none;background-position:center center;background-repeat:no-repeat}#logo span.s{background-image:url("../img/s.png")}#logo span.h{background-image:url("../img/h.png")}#logo span.f{background-image:url("../img/f.png")}#logo span.r{background-image:url("../img/r.png")}#logo span.a{background-image:url("../img/a.png")}#logo .s-1{z-index:1 !important;visibility:visible !important}#logo .s-2,#logo .s-3,#logo .s-4,#logo .s-11,#logo .s-12,#logo .s-7{-moz-transform:rotate3d(0, -1, 0, 180deg);-ms-transform:rotate3d(0, -1, 0, 180deg);-webkit-transform:rotate3d(0, -1, 0, 180deg);transform:rotate3d(0, -1, 0, 180deg);-moz-transform-origin:left center 0;-webkit-transform-origin:left center 0;transform-origin:left center 0}#logo .s-5,#logo .s-6,#logo .s-10,#logo .s-16,#logo .s-8{-moz-transform:rotate3d(-1, 0, 0, 180deg);-ms-transform:rotate3d(-1, 0, 0, 180deg);-webkit-transform:rotate3d(-1, 0, 0, 180deg);transform:rotate3d(-1, 0, 0, 180deg);-moz-transform-origin:center top 0;-webkit-transform-origin:center top 0;transform-origin:center top 0}#logo .s-16{-moz-transform-origin:center top 0;-webkit-transform-origin:center top 0;transform-origin:center top 0}#content{position:absolute;bottom:1em;left:320px;margin-left:1em;font-size:0.75em;color:#000;max-width:320px;box-sizing:border-box;z-index:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:all .25s ease;-o-transition:all .25s ease;-webkit-transition:all .25s ease;transition:all .25s ease}@media (max-width: 37.5em){#content{bottom:auto;left:1em;right:1em;margin:0 0 1em;bottom:240px;width:auto}}#content a{color:#000;text-decoration:underline}#content.on{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}#content .about{text-align:left;line-height:18px;margin:0}#content .about .label{cursor:pointer;background:#ddd;text-decoration:none}#content .about .label:hover{background:#bbb}#content .about .shfra{text-transform:uppercase;display:inline-block;height:18px;float:left}#content .about .shfra span{float:left;height:18px;width:16px;text-align:center;font-size:0;line-height:0;color:#000;background:#000 none center center no-repeat;background-size:auto 12px}#content .about .shfra .s{background-image:url("../img/s.png")}#content .about .shfra .h{background-image:url("../img/h.png")}#content .about .shfra .f{background-image:url("../img/f.png")}#content .about .shfra .r{background-image:url("../img/r.png")}#content .about .shfra .a{background-color:#fff;color:#fff;background-image:url("../img/a-black.png")}.typed-cursor{opacity:1;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;animation:blink 0.7s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}