:root{--color-link:#5f5f5f;--color-link-hover:#5f5f5f;--color-enter:#fff;--color-title:#fff;--color-content:#222325;--font-alt:200 6vw/1 "Comic Sans MS","Helvetica Neue","Microsoft Yahei","Microsoft Yahei",-apple-system,sans-serif}.fade{opacity:0;transition:all 1s;transform:translateY(200px)}.fade.in{opacity:1;transform:none}*{box-sizing:border-box;-webkit-text-size-adjust:none}html{font-size:20px!important}body,html{height:100%;margin:0;padding:0;border:0}body{font-family:Comic Sans MS,Helvetica Neue,Microsoft Yahei,-apple-system,sans-serif!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none}ul{margin:0;padding:0}img{border:0;vertical-align:middle}a{text-decoration:none;color:var(--color-link);outline:0}.icon{display:block;width:1.5em;height:1.5em;margin:0 auto;font-size:1.5em;line-height:1;text-align:center}main{overflow:hidden}.content,main{height:100vh;width:100%;position:relative}.content{background:0 0}.content-intro{z-index:3;height:200vh}.content-main{position:fixed;top:0;left:0;background:#060606}.content-inner{position:relative}.content-inner,.wrap{width:100%;height:100vh}.wrap{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#card{position:relative;width:100vw;height:100vh;color:#93979e;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;transition:width .5s ease,height .5s ease}#card .card-inner{padding:0;border:0;width:100%;max-width:700px}@media screen and (max-width:540px){#card .card-inner header h1{font-size:1rem!important}#card .card-inner header h2,#card .card-inner ul li{font-size:.8rem!important}}#card .card-inner header{margin-bottom:40px}#card .card-inner header img{border:3px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px rgba(0,0,0,.3);transition:.4s ease-in-out;z-index:2;position:relative}#card .card-inner header h1{margin:15px 15px 0;color:#fff;font-size:2rem;line-height:1.2em;font-weight:300;z-index:2;position:relative}#card .card-inner header h2{color:#ccc;letter-spacing:3px;font-size:.8rem;font-weight:lighter;z-index:2;position:relative}#card .card-inner ul{position:relative;margin:0;list-style-type:none;display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-pack:distribute;justify-content:space-around;padding-bottom:40px}#card .card-inner ul li{z-index:2;position:relative;display:inline-block;transition:all .2s;width:100%;height:100%}#card .card-inner ul li a{color:#b6b6b6;transition:all .2s}#card .card-inner ul li a:hover{color:#f6f6f6;text-shadow:0 0 2px #f6f6f6}