@import url(https://fonts.googleapis.com/css?family=Pridi|Work+Sans);body{margin:0;font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;overflow:hidden}h1{font-family:Pridi,serif;text-transform:uppercase;letter-spacing:.2em;margin:.3em auto}main{text-align:center}header{margin:0;height:56px;padding:0 16px 0 24px;background-color:#35495e;color:#fff}header span{display:block;position:relative;font-size:20px;line-height:1;letter-spacing:.02em;font-weight:400;box-sizing:border-box;padding-top:16px}html{width:100vw;height:100vh;overflow-y:scroll;overflow-x:hidden}.outer-wrap{width:100vw}.wrap{width:0;height:0;position:fixed;top:50%;left:50%;perspective:2400vh}.direction{position:fixed;bottom:5px;left:5px}.small-screen-only{display:none}#inner-cube,#outer-cube{transform-style:preserve-3d;transition:transform .5s ease-in}#inner-cube{transition-delay:.1s;width:60vmin;height:60vmin;margin-left:-30vmin;margin-top:-30vmin}#inner-cube,#outer-cube{position:absolute;top:50%;left:50%}#outer-cube{width:80vmin;height:80vmin;margin-left:-40vmin;margin-top:-40vmin}.inner-side,.outer-side{position:absolute;box-sizing:border-box;border:5px solid #666;border-radius:10px;background-size:100% 100%;background-repeat:no-repeat;text-align:center}.inner-side{width:60vmin;height:60vmin;padding:2em 1em 1em 1em;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;color:#666;transition:background-color .2s ease-out .3s;overflow:hidden}.inner-side div{margin-right:-15px;padding-right:15px;overflow:auto;margin-top:0}.outer-side{width:80vmin;height:80vmin;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent;color:#666}#inner-cube div:first-child{transform:translateZ(30vmin);font-size:1.1em}#inner-cube div:nth-child(2){transform:translateX(-30vmin) rotateY(-90deg);background-image:url(/img/erik.jpg);background-size:cover;color:hsla(0,0%,100%,.8)}#inner-cube div:nth-child(3){transform:translateX(30vmin) rotateY(90deg)}#inner-cube div:nth-child(4){transform:translateY(-30vmin) rotateX(90deg)}#inner-cube div:nth-child(5){transform:translateY(30vmin) rotateX(-90deg)}#inner-cube div:nth-child(6){transform:translateZ(-30vmin) rotateY(180deg)}#outer-cube div:first-child{transform:translateZ(40vmin)}#outer-cube div:nth-child(2){transform:translateX(-40vmin) rotateY(-90deg)}#outer-cube div:nth-child(3){transform:translateX(40vmin) rotateY(90deg)}#outer-cube div:nth-child(4){transform:translateY(-40vmin) rotateX(90deg)}#outer-cube div:nth-child(5){transform:translateY(40vmin) rotateX(-90deg)}#outer-cube div:nth-child(6){transform:translateZ(-40vmin) rotateY(180deg)}nav{position:absolute;bottom:1em;width:100%;display:flex;justify-content:space-around;text-transform:uppercase}nav span{cursor:pointer;margin:0 .5em}nav span:hover{font-weight:900}#inner-cube.home{transform:translateZ(-30vmin) rotateX(0deg) rotateY(0deg)}#inner-cube.image{transform:translateZ(-30vmin) rotateX(0deg) rotateY(90deg)}#inner-cube.about{transform:translateZ(-30vmin) rotateX(0deg) rotateY(-90deg)}#inner-cube.content{transform:translateZ(-30vmin) rotateX(-90deg) rotateY(0deg)}#inner-cube.contact{transform:translateZ(-30vmin) rotateX(90deg) rotateY(0deg)}#outer-cube.home{transform:translateZ(-40vmin) rotateX(0deg) rotateY(0deg)}#outer-cube.image{transform:translateZ(-40vmin) rotateX(0deg) rotateY(90deg)}#outer-cube.about{transform:translateZ(-40vmin) rotateX(0deg) rotateY(-90deg)}#outer-cube.content{transform:translateZ(-40vmin) rotateX(-90deg) rotateY(0deg)}#outer-cube.contact{transform:translateZ(-40vmin) rotateX(90deg) rotateY(0deg)}#outer-cube.home.fuzzy{transform:translateX(0) translateY(0) translateZ(-40vmin) rotateX(0deg) rotateY(0deg)}#outer-cube.content.fuzzy{transform:translateX(0) translateY(0) translateZ(-40vmin) rotateX(0deg) rotateY(90deg)}#outer-cube.about.fuzzy{transform:translateX(0) translateY(0) translateZ(-40vmin) rotateX(-90deg) rotateY(0deg)}#outer-cube.image.fuzzy{transform:translateX(0) translateY(0) translateZ(-40vmin) rotateX(90deg) rotateY(0deg)}#outer-cube.contact.fuzzy{transform:translateX(0) translateY(0) translateZ(-40vmin) rotateX(0deg) rotateY(-90deg)}@media screen and (orientation:portrait) and (max-width:600px){nav{position:fixed;bottom:2em;display:flex;flex-direction:column;align-items:center;line-height:1.5em}nav span{width:6em}.inner-side{padding:1em .25em .25em .25em}h1{margin:-.3em auto}.small-screen-only{display:block}}@media screen and (orientation:landscape) and (max-height:600px){nav{position:fixed;top:0;left:1em;width:6em;display:flex;flex-direction:column;justify-content:center;line-height:2em;text-align:left}.inner-side{padding:1em .25em .25em .25em}h1{margin:-.3em auto}.small-screen-only{display:block}}