@import url(//fonts.googleapis.com/css?family=Lato:300,700);.perspective,body,html{margin:0;padding:0;height:100%;width:100%;font-weight:300;font-family:Lato,Calibri,Arial,sans-serif;background-color:#34495e}#draft{color:red;font-size:72pt;position:fixed;top:70px;right:0;font-weight:700;z-index:1;transform:rotate(35deg);-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg)}.perspective{background-color:#aaa;position:relative}.container{background-color:#fff;height:100%;position:relative;outline:1px solid rgba(0,0,0,0);z-index:10;box-shadow:0 -5px 15px 0 rgba(50,50,50,.73)}.container::after{content:'';position:absolute;top:0;left:0;width:100%;height:0;opacity:0;background-color:rgba(0,0,0,.2);-webkit-transition:opacity .6s,height 0s .6s;transition:opacity .6s,height 0s .6s}.wrapper{position:relative;height:100%}header{height:60px;line-height:60px;font-size:18px;font-weight:300}#proto{width:100%;height:100%;border:0}.right{float:right}.home{padding-top:5%;width:680px;margin-left:8%}.home a{font-size:2.8em;font-weight:300;color:#fff;text-decoration:none;display:block;padding:5px}.home a:hover{color:#ed8151}nav{position:fixed;top:60px;left:0;border-bottom:1px solid #c6d0da}nav:hover a{width:300px}nav a{transition:width .3s;display:block;height:60px;line-height:60px;font-size:18px;font-weight:300;text-decoration:none;color:#5f6f81;background-color:#fff;box-shadow:#c6d0da 0 1px 0 0 inset;overflow:hidden;width:60px;border-right:1px solid #c6d0da}nav a:hover{background-color:#5f6f81;color:#fff;text-decoration:none}nav a.active{color:#ed8151}nav a.menu{background-color:#5f6f81;color:#fff;font-weight:700}footer{font-size:.8em;position:fixed;bottom:10px;right:20px;color:#ed8151}h1,h2,h3{font-weight:700}.phd{position:fixed;color:#fff;left:10px;margin:0;padding:0;top:12px;font-size:1.2em}.outer-nav{height:100%}.outer-nav h1.title{color:#fff;margin:0 auto;min-width:650px;width:50%;padding:10px 0}.description{color:#fff;margin:0 auto;min-width:650px;width:50%;height:68%;overflow-y:auto}.back{position:fixed;top:0;left:calc(50% - 75px);background-color:#ed8151;color:#fff;font-size:1.5em;font-weight:300;padding:5px 50px;box-shadow:0 4px 3px -3px grey}.out-link{position:fixed;bottom:10px;left:10px;background-color:#ed8151;color:#fff;font-size:1.5em;box-shadow:0 4px 3px -3px grey;padding:0 2px;text-decoration:none}.out-link.typcn:before{width:35px;height:35px}.perspective.animate .back,.perspective.animate .out-link{display:none}.typcn:before{width:60px;height:60px}.perspective.modalview{position:fixed;-webkit-perspective:1500px;perspective:1500px}.modalview .container{position:absolute;overflow:hidden;width:100%;height:100%;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.modalview .wrapper{-webkit-transform:translateZ(-1px)}.animate .container::after{height:101%}.effect-movedown{background-color:#34495e}.effect-movedown .container{transition:transform .6s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.effect-movedown .container::after{background-color:rgba(52,73,94,.5)}.effect-movedown.animate .container{-webkit-transform:translate3d(0,100%,-1500px);transform:translate3d(0,100%,-1500px)}.effect-movedown.animate .container:hover{-webkit-transform:translate3d(0,75%,-1500px);transform:translate3d(0,75%,-1500px)}.no-csstransforms3d .effect-movedown.animate .container{top:75%}