@font-face{font-weight:400;font-style:normal}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-size:100%;padding:0;margin:0}body{font-family:Helvetica,Calibri,Arial,sans-serif;color:#fff;overflow-y:scroll;background:#333}a{color:#ccc;text-decoration:none}a:hover{color:#000}.container,body,html{position:relative;width:100%;height:100%}.splitlayout{position:relative;overflow-x:hidden;min-height:100%;width:100%}.side{position:fixed;top:0;z-index:100;width:50%;height:100%;text-align:center;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out}.side-left{left:0;background:#47a3da;color:#fff;outline:#47a3da solid 1px}.side-right{right:0;background:#fff;color:#47a3da;outline:#fff solid 1px}.intro-content{position:absolute;top:50%;left:50%;padding:0 1em;width:50%;cursor:pointer;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-transition:-webkit-transform .5s ease-in-out,top .5s ease-in-out;transition:transform .5s ease-in-out,top .5s ease-in-out}.profile{margin:0 auto;width:140px;height:140px;border-radius:50%;background:#47a3da}.profile img{max-width:100%;border-radius:50%;opacity:.6}.intro-content h1>span{display:block;white-space:nowrap}.intro-content h1>span:first-child{font-weight:300;font-size:2em}.intro-content h1>span:nth-child(2){position:relative;margin-top:.5em;padding:.8em;text-transform:uppercase;letter-spacing:1px;font-size:.8em}.intro-content h1>span:nth-child(2):before{position:absolute;top:0;left:25%;width:50%;height:2px;background:#fff;content:''}.side-right .intro-content h1>span:nth-child(2):before{background:#47a3da}.intro-content h1{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}@media screen and (max-width:83em){.intro-content{font-size:60%}}@media screen and (max-width:58em){body{font-size:90%}}@media screen and (max-width:49.4375em){.intro-content{width:100%}}@media screen and (max-width:42.5em){body{font-size:80%}.intro-content{font-size:50%}}@media screen and (max-height:41.125em){.intro-content{-webkit-transform:translateY(-25%) translateX(-50%);transform:translateY(-25%) translateX(-50%)}}@media screen and (max-width:39.375em){.intro-content .profile{-webkit-transform:scale(.5);transform:scale(.5)}}@media screen and (max-width:320px){body{font-size:70%}}