#hi,#welcome{font-weight:400}#hi,#resume p,.about,.education,.landing_link,.startscreen{text-align:center}#navigationButtonWrapper,#navigationButtonWrapper a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}#resume,#scrollDown,.landing_link{text-decoration:none}#navigationButtonWrapper a,#resume,#scrollNavigationButtonWrapper,.about{-webkit-box-orient:vertical;-webkit-box-direction:normal}#navigationButtonWrapper,#navigationButtonWrapper a,#resume,.about{-webkit-box-direction:normal}#scrollDown:hover div>p,.appearFromBottom,.spinAppearance{-webkit-animation-fill-mode:forwards}.startscreen{width:100%;height:1000px;max-height:100vh;position:relative;overflow:hidden;z-index:1;background:#fff;box-sizing:border-box}#hi,#message,#navigationBar,#welcome,.landing_link,.landing_link i{position:absolute}#hi{left:50%;top:51%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);font-family:"Playfair Display";font-size:38px;color:#000;z-index:3;-webkit-transition:.2s linear;transition:.2s linear;line-height:30px;min-width:400px}#hi span{font-size:14px;font-family:Raleway;color:#646464}#welcome{display:block;left:400px;bottom:250px;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);font-family:"Playfair Display";font-size:50px;color:#fff;z-index:3}#message p,.navHeader{font-family:Raleway;font-weight:400}#navigationBar{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:1400px;z-index:4;height:auto}#navigationButtonWrapper{height:80px;width:700px;position:absolute;left:50%;top:40px;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);max-width:80%;text-align:center;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;-webkit-transition:.4s linear;transition:.4s linear}#navigationButtonWrapper>i{color:#000;opacity:0;font-size:6px}#navigationButtonWrapper a{opacity:1;text-decoration:none;position:relative;-webkit-transition:.3s ease;transition:.3s ease;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#scrollDown,.about{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-align:center}.navHeader{font-size:16px;letter-spacing:1px;color:#000}.navbuttons>.expandingUnderline{border-bottom:3px solid #000;width:0;opacity:.1;-webkit-transition:.4s ease;transition:.4s ease}.navbuttons:hover>.expandingUnderline{width:100%;opacity:1}.landing_link{top:25px;right:25px;border-radius:50%;border:1px solid #dcdcdc;width:38px;height:38px;-webkit-transition:50ms ease;transition:50ms ease}.landing_link i{color:#dcdcdc;font-size:18px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#forest,#mountain2{position:center center;width:110%}#hamburger,#message{-webkit-transform:translateY(-50%)}.landing_link:hover>i{color:#fff}.landing_link:hover{background-color:#000;border-color:#000}#eduSep,#lowerBackground,#timelineStartDot,.about{background-color:#fff}#landing_twitter{right:25px}#landing_github{right:73px}#landing_linkedin{right:121px}#message{top:35%;right:0;transform:translateY(-50%);z-index:5;text-align:right}#message p{font-size:20px;letter-spacing:0;line-height:50px;color:#000;text-align:right;-webkit-transition:.3s linear;transition:.3s linear;opacity:0}#mountainHolder,#mountainHolder2{-webkit-transition:.1s linear;border-bottom:80px solid #fff;background:-webkit-linear-gradient(bottom,#fff 20px,transparent 10px);height:auto;position:absolute;bottom:50px;overflow:hidden;box-sizing:border-box}#forestHolder{z-index:3;position:absolute;bottom:50px;height:auto;max-height:350px;width:100%;overflow:hidden}#forest{height:auto;z-index:3}#mountainHolder{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:-40%;width:135%;transition:.1s linear;background:linear-gradient(to top,#fff 20px,transparent 10px)}#mountain{position:bottom center;width:100%;height:auto}#mountainHolder2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);right:-20%;width:90%;transition:.1s linear;background:linear-gradient(to top,#fff 20px,transparent 10px)}#mountain2{height:auto}#lowerBackground{width:100%;position:absolute;bottom:0;height:100px}#startImgHolder{position:absolute;top:80px;bottom:50px;left:60px;right:60px;margin-left:auto;margin-right:auto;max-width:1800px;overflow:hidden;z-index:3;box-shadow:2px 2px 12px 2px #141414}.bulb,.bulbShine,.thinBorder{box-shadow:none}#startImg{position:fixed;top:0;bottom:0;left:0;right:0;margin-right:auto;margin-left:auto;z-index:2;background-color:#282828;background-image:url(../images/desk5dyed.jpeg);background-position:center center;background-size:cover}#startContent{position:relative;height:100%;width:100%;z-index:4;-webkit-backface-visibility:hidden;backface-visibility:hidden}#scrollDown{border-radius:50%;border:2px solid transparent;width:50px;height:50px;position:absolute;bottom:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto;z-index:40;color:#000;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.1s linear;transition:.1s linear}#scrollDown>div{position:absolute;left:50%;bottom:0;height:0;width:300px;border-left:3px solid #000;-webkit-transform:translateX(-2px);transform:translateX(-2px);-webkit-transition:.15s linear;transition:.15s linear;overflow:hidden;box-sizing:border-box}#scrollDown>div>p{position:absolute;top:5px;left:-100%}#scrollDown>i{position:absolute;bottom:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:40px}#scrollDown:hover div{height:45px}#scrollDown:hover div>p{-webkit-animation-name:showFromLeft;animation-name:showFromLeft;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-duration:.4s;animation-duration:.4s;animation-fill-mode:forwards}@-webkit-keyframes showFromLeft{0%{left:-100%}100%{left:15px}}@keyframes showFromLeft{0%{left:-100%}100%{left:15px}}.startscreen h1{position:absolute;bottom:60px;left:0;right:0;font-family:'abril Fatface';font-size:40px;color:#f5f5f5}#resume p,.eduSummary h1,.eduSummary p{color:#fff;font-weight:400}#aboutMe,#aboutText b,#resume:hover p{color:#000}#hamburger{width:30px;height:20px;position:absolute;top:50px;right:40px;transform:translateY(-50%);z-index:20;border:10px solid transparent;display:none}.menuLine{position:absolute;right:0;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-bottom:2px solid #fafafa;-webkit-transition:.3s ease,border-radius 0s linear;transition:.3s ease,border-radius 0s linear}#menuLine1{top:0;width:100%}#menuLine2{top:33%;width:80%}#menuLine3{top:67%;width:90%}#menuLine4{top:100%;width:100%}.about{width:100%;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:3;padding-top:100px}#resume,#workWrapper,.flip3d>div{display:-ms-flexbox}#aboutMe,#aboutText{padding:0;position:relative}#aboutWrapper{position:relative;width:100%;max-width:1000px;overflow:hidden}#resume{width:130px;height:60px;border-radius:500px;border:1px solid #000;background-color:#000;-webkit-transition:50ms linear;transition:50ms linear;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-transform:scale(1);transform:scale(1);margin:320px auto 150px;z-index:20;overflow:hidden}#resumeExpandingBackground{position:absolute;bottom:0;left:0;width:100%;-webkit-transform:rotateZ(0);transform:rotateZ(0);height:0;-webkit-transition:.3s ease;transition:.3s ease;background-color:#fff}#resume p,.book{-webkit-transition:.2s linear}#resume p{font-family:Raleway;font-size:19px;letter-spacing:0;text-decoration:uppercase;position:relative;z-index:3;display:block;transition:.2s linear}#aboutMe,#projectHeader,.eduSummary h1,.expUpper>h1{font-family:"Playfair Display";letter-spacing:-1px}#resume:hover #resumeExpandingBackground{height:100%}#aboutMe{font-size:42px;margin-bottom:20px;font-weight:400}#aboutText{max-width:700px;margin:0 auto;width:80%;display:block}#aboutText p{margin:20px;position:relative;display:inline-block;font-family:Raleway;font-weight:400;font-size:16px;color:#646464;text-align:left}#eduSep{width:50px;height:50px;-webkit-transform:translateY(50%) rotateZ(45deg);transform:translateY(50%) rotateZ(45deg)}#timelineStartDot{position:absolute;left:50%;bottom:50px;-webkit-transform:translateX(-10px);transform:translateX(-10px);width:15px;height:15px;border-radius:2px;border:1px solid #F64747;display:none}#timelineStartLine,.bulbLine{-webkit-transform:translateX(-50%);left:50%;position:absolute}#timelineStartLine{transform:translateX(-50%);height:50px;bottom:0;border-left:2px solid #000;border-top:2px solid #000;display:none}#bulbLineStart,.bulbHolder{border:1px solid #000;background-color:#e6e6e6}.bulbLine{z-index:-1;height:100%;border-left:1px solid #000;transform:translateX(-50%)}.bulbHolder{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px;height:10px;border-radius:2px;-webkit-transition:.1s linear;transition:.1s linear}.footLine{position:absolute;border-bottom:1px solid #000;width:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#overResume,.bulb{-webkit-transform:translateX(-50%)}.bulb{position:absolute;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;border:1px solid #000;background-color:#fff;-webkit-transition:.15s linear;transition:.15s linear;overflow:hidden}.bulbShine{position:absolute;left:50%;width:100%;height:100%;border-radius:50%;-webkit-transition:.15s linear;transition:.15s linear;border:1px solid transparent}#overResume{position:absolute;transform:translateX(-50%);width:100%;max-width:800px;height:70px;left:50%;bottom:350px}#bulbLineStart,#bulbLineStartHolder{-webkit-transform:translateX(-50%);z-index:2;left:50%;position:absolute}#bulbLineStartHolder{top:0;width:100px;height:20px;transform:translateX(-50%);border-top:1px solid #000}#bulbLineStart{top:-1px;width:16px;height:16px;transform:translateX(-50%);border-radius:1px 1px 3px 3px}#roofBoxLine{position:absolute;left:1px;top:1px;height:10px;width:5px;border-left:1px solid #a0a0a0;border-top:1px solid #a0a0a0}#bulbLineStartBottom{position:absolute;top:13px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:1px solid #000;background-color:#e6e6e6;width:6px;height:5px;border-radius:2px;z-index:1}#overResume .bulbLine{top:0;height:100%}#overResume .bulbHolder{bottom:0}#overResume .footLine{left:0;top:3px}#overResume .bulb{z-index:10;-webkit-transform:translateX(-50%) translateY(5px);transform:translateX(-50%) translateY(5px)}#overResume .bulbShine{top:40%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#underResume{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:800px;bottom:0;left:50%}#underResume .bulbHolder{top:8px}#underResume .footLine{right:0;bottom:1px}#underResume .bulb{-webkit-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px)}#underResume .bulbShine{bottom:40%;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%)}#shelf{position:absolute;top:55px;left:115px;width:200px;height:150px;z-index:-1}.shelfPart{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:50%}.leftShelfHolder,.rightShelfHolder{background-color:#000;height:80%;width:1px;z-index:-1;position:absolute;border-radius:3px}.shelfPart:nth-child(1){top:0}.shelfPart:nth-child(2){bottom:20px}.leftShelfHolder{left:10px;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.rightShelfHolder{right:10px;top:50%;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%)}.overBoardLeft,.overBoardRight{position:absolute;bottom:24px;height:7px;width:4px;border-radius:3px;border:1px solid #000;background-color:#e6e6e6;z-index:-1}.overBoardLeft{left:10px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.overBoardLeft div,.overBoardRight div{position:absolute;top:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;height:2px;background-color:#000}.overBoardRight{right:10px;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%)}.underBoardLeft,.underBoardRight{position:absolute;top:65%;height:1px;width:5px;border-radius:2px;border:1px solid #000;background-color:#fff;z-index:-1}.book,.shelfBoard{border-radius:2px}.underBoardLeft{left:10px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.underBoardRight{right:10px;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%)}.shelfBoard{position:absolute;top:60%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:4px;width:100%;border:1px solid #000;background-color:#e6e6e6;z-index:2}#thickLampLeg,.book{position:absolute;-webkit-transform:translateX(-50%)}#b2,#b5,#b8{height:35px}#b1,#b3,#b4,#b6,#b7,#b9{height:40px}#coffeeMug,#coffeeMugHandle,#compLower,#compUpper,#leftLegTop,#rightLegTop,#rotatingBookCover,#thickLampLeg,.book,.deskPart{background-color:#fff}.book{bottom:40%;border:1px solid #000;transform:translateX(-50%);z-index:1;overflow:hidden;transition:.2s linear}#b1{left:20px;width:5px}#b2{left:27px;width:7px}#b3{left:40px;width:5px;-webkit-transform:translateX(-50%) rotateZ(-20deg) translateY(-1px);transform:translateX(-50%) rotateZ(-20deg) translateY(-1px)}#b4{right:13px;width:5px}#b5{right:18px;width:7px}#b6{right:27px;width:5px}#b7{right:33px;width:5px}#b8{right:38px;width:7px}#b9{bottom:15px;right:76px;width:5px;-webkit-transform:translateX(-50%) rotateZ(-90deg);transform:translateX(-50%) rotateZ(-90deg)}#rotatingBookCover{position:absolute;top:65%;right:50px;border-radius:2px;z-index:1;overflow:hidden;-webkit-transition:.2s linear;transition:.2s linear;width:40px;height:40px}#lamp{height:240px;width:100px;position:absolute;bottom:0;left:0}#lamp .bulbLine{bottom:10px}#thickLampLeg{left:50%;bottom:15px;width:7px;height:170px;border:1px solid #000;border-radius:3px;transform:translateX(-50%);z-index:1}#lampBallOver,#lampBallUnder,#lampFoot{border:1px solid #000;-webkit-transform:translateX(-50%);background-color:#e6e6e6;position:absolute;left:50%}#lampLine{position:absolute;bottom:5px;right:5px;border-left:1px solid #a0a0a0;height:160px}#lampBallOver,#lampBallUnder{width:5px;height:5px;border-radius:50%;transform:translateX(-50%);z-index:1}#lampBallUnder{bottom:9px}#lampBallOver{bottom:186px}#lampFoot{height:4px;width:46px;bottom:3px;transform:translateX(-50%);border-radius:3px;z-index:2}#lampFootBallLeft,#lampShadeBottom{-webkit-transform:translateX(-50%)}#lampFootBallLeft,#lampFootBallRight{position:absolute;border:1px solid #000;background-color:#e6e6e6;height:4px;width:2px;border-radius:50%;z-index:1;bottom:-1px}#lampFootBallLeft{left:32px;transform:translateX(-50%)}#lampFootBallRight{right:32px;-webkit-transform:translateX(50%);transform:translateX(50%)}#tableLamp{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90px;height:80px;overflow:hidden}#lampShadeBottom{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:86px;height:5px;border-radius:50%;border:1px solid #000;-webkit-transition:.1s linear;transition:.1s linear}#lampShadeTop{position:absolute;left:50%;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:18px;height:2px;border-radius:50%;border:1px solid #000;-webkit-transition:.1s linear;transition:.1s linear}#lampShadeLeft,#lampShadeRight{border-left:1px solid #000;-webkit-transition:.1s linear;position:absolute;height:70px;bottom:5px}#lampShadeLeft{left:17px;-webkit-transform:rotateZ(31deg);transform:rotateZ(31deg);transition:.1s linear}#lampShadeRight{right:17px;-webkit-transform:rotateZ(-31deg);transform:rotateZ(-31deg);transition:.1s linear}#desk{position:absolute;right:20px;bottom:-2px;width:220px;height:120px;z-index:-1}.deskPart{border:1px solid #000;-webkit-transition:.1s linear;transition:.1s linear}#leftLeg,#leftLegTop,#lowerPart,#rightLeg,#rightLegTop{border-radius:0 0 3px 3px;position:absolute}#keyHole,#webcam{background-color:#000}#drawer,#painting,#screen{background-color:#e6e6e6}#leftLegBall,#rightLegBall{width:4px;height:4px;position:absolute;bottom:1px;border-radius:50%;background-color:#e6e6e6}#leftLeg,#rightLeg{width:5px;height:90px;bottom:6px;background-color:#fff}#leftLegTop,#rightLegTop{width:7px;height:70px;bottom:20px;border-width:1px}#legLine1,#legLine2{border-left:1px solid #a0a0a0;position:absolute;bottom:5px;height:55px}#legLine1{left:5px}#legLine2{right:5px}#leftLeg,#leftLegBall,#leftLegTop{left:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#rightLeg,#rightLegBall,#rightLegTop{right:10px;-webkit-transform:translateX(50%);transform:translateX(50%)}#lowerPart{left:50%;bottom:85px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:220px;height:20px;z-index:1}#drawer{height:12px;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:115px;border-radius:2px}#innerDrawer{position:absolute;left:1px;top:1px;border:1px solid #a0a0a0;height:8px;width:111px;border-radius:2px}#coffeeMug,#upperPart{position:absolute;left:50%;border-radius:2px;z-index:2}#keyHole{position:absolute;left:50%;top:5px;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:3px;height:3px;border-radius:50%}#upperPart{bottom:106px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:5px;width:240px}#coffeeMugOuter{position:absolute;right:30px;bottom:112px;-webkit-transform:translateX(50%);transform:translateX(50%);width:15px;height:19px;z-index:1}#coffeeMug{bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:1px solid #000;width:100%;height:100%}#coffeeMug div:nth-child(1),#coffeeMug div:nth-child(2){position:absolute;bottom:0;border-radius:1px;z-index:0;right:1px}#coffeeMug div:nth-child(1){border-left:1px solid #a0a0a0;-webkit-transform:translateY(-1px);transform:translateY(-1px);height:12px}#coffeeMug div:nth-child(2){border-bottom:1px solid #a0a0a0;-webkit-transform:translateY(-1px);transform:translateY(-1px);height:0;width:2px}#coffeeMugHandle,.coffeeSteam{position:absolute;height:9px;z-index:1}#coffeeMugHandle{right:-7px;top:3px;border-radius:50%;border:1px solid #000;width:7px}.coffeeSteam:nth-child(1),.coffeeSteam:nth-child(3){left:7px;border-left:2px solid rgba(180,180,180,.4)}.coffeeSteam{-webkit-transform:translateY(23px) translateX(-50%);transform:translateY(23px) translateX(-50%);border-radius:30px;width:5px;-webkit-transition:.25s linear;transition:.25s linear;opacity:0}.coffeeSteam:nth-child(1){top:-10px}.coffeeSteam:nth-child(2){left:7px;top:-16px;border-right:2px solid rgba(180,180,180,.4)}.coffeeSteam:nth-child(3){top:-22px}#compLower,#computer{position:absolute;left:50%;-webkit-transform:translateX(-50%)}#computer{bottom:111px;transform:translateX(-50%);width:120px;height:80px}#compLower{transform:translateX(-50%);bottom:0;width:80px;height:6px;border-radius:2px 2px 10px 10px;border:1px solid #000;z-index:3;overflow:hidden}#compUpper,#screen{left:50%;-webkit-transform:translateX(-50%);position:absolute;z-index:2;bottom:0}#compUpper{transform:translateX(-50%);width:65px;height:43px;border-radius:4px;border:1px solid #000}#screen{transform:translateX(-50%);width:56px;height:37px;border-radius:2px;border:1px solid #000}.computerLine{position:absolute;left:3px;border-top:1px solid #fff}.hiddenCompLine{visibility:hidden}#line1{top:5px;width:20px}#line2{top:7px;width:5px}#line3{top:9px;width:10px}#line4{top:11px;width:25px}#line5{top:7px;width:8px}#line6{top:9px;width:15px}#line7{top:13px;width:21px}#line8{top:15px;width:4px}#line9{top:17px;width:12px}#webcam{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:40px;width:2px;height:2px;border-radius:50%}#painting,#selfPortrait{position:absolute;border:1px solid #000}#painting{right:70px;bottom:170px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:76px;height:105px;border-radius:2px}#pSquare3,#selfPortrait,#stoolTop,.stoolLeg{background-color:#fff}#innerFrame{position:absolute;border-radius:1px;left:3px;top:4px;width:68px;height:96px;border:1px solid #a0a0a0}#selfPortrait{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:61px;height:88px;border-radius:2px}#stool,#stoolTop{-webkit-transform:translateX(-50%);left:50%}#pCircle1,#pSquare1,#pSquare2,#pSquare3{position:absolute;border:1px solid #000}#selfPortrait div{-webkit-transition:.1s linear;transition:.1s linear}#pSquare1{width:26px;height:26px;right:7px;top:25px}#pSquare2{width:30px;height:30px;left:8px;bottom:13px}#pSquare3{width:10px;height:10px;right:12px;top:12px;z-index:10}#pCircle1{width:38px;height:38px;border-radius:50%;left:5px;top:4px}#pCircle2,.stoolLeg{position:absolute;border:1px solid #000}#pCircle2{width:20px;height:20px;border-radius:50%;right:5px;bottom:5px}#backpackAndStool{position:absolute;left:120px;bottom:3px;width:100px;height:121px}#stool{position:absolute;bottom:-1px;transform:translateX(-50%);height:60px;width:60px}#stoolTop{width:100%;height:8px;position:absolute;top:0;transform:translateX(-50%);border-radius:8px 8px 5px 5px;border:1px solid #000;z-index:2}#stoolTop div{position:absolute;bottom:1px;width:90%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-bottom:1px solid #c8c8c8}.stoolLeg{top:5px;width:3px;height:55px;border-radius:0 0 5px 5px;z-index:1}#sLeg1{left:3px;-webkit-transform:rotateZ(3deg);transform:rotateZ(3deg)}#legHolder,.stoolLegTop{left:50%;position:absolute;background-color:#fff}#sLeg2{right:3px;-webkit-transform:rotateZ(-3deg);transform:rotateZ(-3deg)}#legHolder{bottom:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:2px;width:45px;border:1px solid #000;z-index:-1}.stoolLegTop{width:5px;height:30px;top:0;-webkit-transform:translateX(-4px);transform:translateX(-4px);border-left:1px solid #000;border-right:1px solid #000;border-radius:0 0 4px 4px;z-index:2}.progLang h2,.stoolLegTop div{-webkit-transform:translateY(-50%)}.stoolLegTop div{position:absolute;top:50%;transform:translateY(-50%);left:1px;height:80%;border-left:1px solid #fff}#leftSidePocket,#rightSidePocket{top:8px;width:3px;z-index:-1;background-color:#e6e6e6}#cover,#leftSidePocket,#rightSidePocket{position:absolute;height:30px}#backpackHolder{position:absolute;left:50%;top:1px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:62px;width:58px}#leftSidePocket{left:-4px;border-radius:3px;border:1px solid #000}#rightSidePocket{right:-4px;border-radius:3px;border:1px solid #000}#backpack{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:60px;width:58px;border-radius:4px;border:1px solid #000;z-index:1;background-color:#fff}#backpackHanger{position:absolute;top:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:1px solid #000;z-index:1;width:12px;height:20px;border-radius:50%}#backpackHanger div{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border:1px solid #000;z-index:1;width:7px;height:15px;border-radius:50%}#shoulderStrap1,#shoulderStrap2{position:absolute;top:-7px;width:10px;height:30px;border-radius:2px;border:1px solid #000;background-color:#a0a0a0}#shoulderStrap1{left:5px}#shoulderStrap2{right:5px}#backpackBottom{position:absolute;bottom:0;height:10px;width:100%;border-radius:1px 1px 4px 4px;border:1px solid #000;background-color:#e6e6e6;-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px);z-index:3}#cover,#label{-webkit-transform:translateX(-50%);left:50%}#cover{top:-5px;transform:translateX(-50%);width:52px;border-radius:3px 3px 5px 5px;border:1px solid #000;background-color:#e6e6e6;z-index:4}#label,#leftBuckle,#rightBuckle,.chromeThing{position:absolute;background-color:#fff}#label{top:15px;transform:translateX(-50%);height:6px;width:9px;border-radius:1px;border:1px solid #000;z-index:3}#leftBuckle,#rightBuckle{top:18px;height:35px;width:4px;border-radius:1px;border:1px solid #000;z-index:4}.chromeThing{top:14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:6px;height:6px;border:1px solid #000;border-radius:2px}.nit,.roundThing{width:2px;position:absolute}.roundThing{top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:1px;border:1px solid #000;border-radius:1px}#leftBuckle{left:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#rightBuckle{right:10px;-webkit-transform:translateX(50%);transform:translateX(50%)}.nit{-webkit-transform:translateX(1px);transform:translateX(1px);height:2px;border-radius:50%;background-color:#000}#leftBuckle .nit:nth-child(1),#rightBuckle .nit:nth-child(1){top:2px}#leftBuckle .nit:nth-child(2),#rightBuckle .nit:nth-child(2){top:5px}.lowerBuckle{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:16px;width:4px;border:1px solid #000;background-color:#fff;border-radius:2px;height:20px;z-index:5}.pointyThing{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:#000;height:3px;width:1px}.education{position:relative;width:100%;overflow:hidden;z-index:2;background-color:#000}#eduSummaryWrapper{position:relative;width:100%;max-width:1400px;margin:auto;background:#000;z-index:3;padding:200px 0 450px}#upperTimeline{border-left:2px solid #fff;height:100%;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.eduSummary{display:block;width:40%;max-width:700px;font-size:18px;margin:0 auto;text-align:left;z-index:2;-webkit-transition:linear;transition:linear;-webkit-transform:translateX(50%);transform:translateX(50%);background-color:transparent;padding-bottom:10px}.thinBorder,.timelineStopLine{border-top:2px solid #fff;width:50px}.timelineStopLine{position:absolute;left:75%;-webkit-transform:translateX(-50%) translateY(10px);transform:translateX(-50%) translateY(10px);display:none}.timelineStopLine:nth-child(1){top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.timelineStopLine:nth-child(2){bottom:0}.thinBorder{margin:20px auto;-webkit-transform:scale(1);transform:scale(1)}.eduSummary .thinBorder{margin-left:40px;margin-right:auto}.eduSummary h1{font-size:42px;margin-left:40px}.eduSummary p{font-family:Raleway;font-size:16px;margin-left:40px}.eduSummary b{color:#CF000F}#timelineDotHeader{position:absolute;left:0;top:30px;-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(45deg);transform:translateY(-50%) translateX(-50%) rotateZ(45deg);border-radius:2px;width:16px;height:16px;border:2px solid #fff;background:#000}.progLang:nth-child(1) .timelineDotUpper{border-radius:2px;height:16px;top:25px}#progLangs{position:absolute;top:70%;left:50%;-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%);width:300px;height:auto;z-index:10}.progLang{position:relative;width:100%;height:80px;display:block}#workWrapper,.flip3d>div{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center}.progLang:nth-child(1){margin-bottom:20px}.progLang:nth-child(n+2):nth-child(-n+8){height:55px}.timelineDotUpper{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%);height:10px;width:10px;border-radius:50%;border:2px solid #fff;opacity:1;background:#000}.progLang h2,.progLang p{right:40px;letter-spacing:3px;text-align:right;font-family:Oswald;position:absolute;top:50%}.progLang h2{transform:translateY(-50%);font-weight:400;font-size:20px;color:#fff;border-right:2px solid #fff;padding-right:10px}.red{font-weight:700;color:#CF000F;border-color:#CF000F}.progLang p{-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:300;font-size:18px;color:#fff}#eduPeriscopeWrapper{clear:both;margin:0;position:relative;width:100%;z-index:2}#eduLowerBackground{position:absolute;bottom:0;background-color:#fff;width:100%;height:50%}#eduTimelineWrapper,.edu,.eduPeriscope,.leftOfTimeline,.showCourses{position:relative}.eduPeriscope{margin:0 auto;width:700px;height:700px;border-radius:50%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden;z-index:3;-webkit-transition:2s linear;transition:2s linear;background:url(../images/zurich1.jpeg) center center fixed;background-size:cover}#eduTimelineWrapper{width:100%;background-color:#fff;padding-top:60px;padding-bottom:50px;margin:0;z-index:3}.eduTimeline{height:100%;width:100%;-webkit-transition:linear;transition:linear;-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}#edus{width:700px;max-width:100%}.edu{width:100%;min-height:120px;padding:0;margin:35px 0}.leftOfTimeline{width:50%;margin-left:0;-webkit-transform:translateX(-1px);transform:translateX(-1px);z-index:2}.leftOfTimeline>.university{position:relative;text-align:right;max-width:100%;padding-right:40px}#workWrapper,.experience{text-align:center;width:100%}.leftOfTimeline h2{font-family:Oswald;font-weight:400;color:#000;letter-spacing:1px;font-size:24px;max-width:100%;margin:0;padding:0}.leftOfTimeline h3,.leftOfTimeline>.university>p{font-family:Raleway;font-weight:400;font-size:16px;max-width:100%}.leftOfTimeline h3{color:#646464;padding-top:6px;padding-bottom:6px}.leftOfTimeline>.university>p{line-height:24px;color:#000}.showCourses{margin-right:0;margin-top:5px;border:1px solid #000;border-radius:100px;width:100px;height:30px;cursor:pointer;-webkit-transition:.1s linear;transition:.1s linear}.showCourses p{text-align:center;position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.1s linear;transition:.1s linear;font-size:12px}.courseWrapper,.rightOfTimeline{width:50%;height:100%;position:absolute}.showCourses:hover{background-color:#000}.courses,.timelineDot,.timelineDotLine{background-color:#fff}.showCourses:hover p{color:#fff}.rightOfTimeline{right:0;top:0;-webkit-transform:translateX(1px);transform:translateX(1px)}.rightOfTimeline p{position:absolute;top:50%;left:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left;max-width:100%;font-family:Oswald;font-weight:300;letter-spacing:1px;color:#000;font-size:18px}.courseWrapper{overflow:hidden;top:-10px;left:50%;-webkit-transform:translateX(1px);transform:translateX(1px);z-index:1}.courses{position:absolute;left:-100%;top:50%;z-index:2;opacity:1;border-radius:2px;border:1px solid #000;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateX(-1px) translateY(-50%);transform:translateX(-1px) translateY(-50%);box-sizing:border-box;-webkit-transition:opacity .2s linear,left .6s ease;transition:opacity .2s linear,left .6s ease;overflow:hidden}.coursesUpper{position:absolute;left:0;top:0;width:100%;height:50px;border-bottom:1px solid #000}.coursesUpper>p{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#000;z-index:3}.courseLeft,.courseRight{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:30px;cursor:pointer;z-index:3;color:#000}.courseLeft{left:0}.courseRight{right:0}.courseLeft i,.courseRight i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.listWrapper{position:absolute;width:100%;height:100%;clear:both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.courseListWrapper{position:relative;width:100%;height:100%;float:left}.courseList{position:absolute;top:60px;left:30px;right:auto;bottom:auto}.contTimeline,.timeline,.timelineDot,.timelineDotLine,.timelineWrapper{position:absolute;left:50%}.courseList li{margin:10px 5px 10px 0;text-align:left;font-size:16px}.timelineWrapper{top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:700px;max-width:100%;height:100%}.timelineDot,footer h1{-webkit-transform:translateX(-50%) translateY(-50%)}.timelineDot{top:50%;transform:translateX(-50%) translateY(-50%);width:12px;height:12px;border-radius:50%;border:2px solid #000;z-index:3}.timelineDotLine{top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotateZ(90deg);transform:translateX(-50%) translateY(-50%) rotateZ(90deg);border-radius:2px;width:45px;border-bottom:2px solid #000;-webkit-transition:.6s linear;transition:.6s linear;z-index:3}.contTimeline,.timeline{border-left:2px solid #000;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}#penLine1,#penLine2,#penLine3{height:220px;border-left:1px solid #c8c8c8}#penTop,#timelineStopDot{-webkit-transform:translateX(-50%);left:50%}#tipBorderLeft,#tipBorderRight{position:absolute;height:70px;z-index:5;border-left:2px solid #2C3E50;bottom:0}#eduPeriscopeWrapper .timelineWrapper{top:50%}#timelineStopDot{position:absolute;border:2px solid #000;border-radius:3px;width:2px;height:2px;background-color:#f5f5f5;bottom:-60px;transform:translateX(-50%)}#timelineStopDot i{color:#000;font-size:31px;-webkit-transform:translateX(-10px);transform:translateX(-10px);display:none}#penAndArrow{width:300px;height:300px;position:absolute;right:100px;top:200px}#penHolder{position:absolute;top:0;left:130px;-webkit-transform:rotateZ(-30deg);transform:rotateZ(-30deg);height:300px;width:50px;-webkit-transition:.5s ease;transition:.5s ease;z-index:3}#penTop{position:absolute;top:0;transform:translateX(-50%);height:40px;width:10px}#penTip{position:absolute;bottom:-4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:10px;width:10px;border-radius:50%;border-bottom:2px solid #2C3E50}#tipBorderLeft{left:9px;-webkit-transform:rotateZ(14deg) translateY(53px);transform:rotateZ(14deg) translateY(53px)}#tipBorderRight{right:8px;-webkit-transform:rotateZ(-14deg) translateY(53px);transform:rotateZ(-14deg) translateY(53px)}#penBottom,#penTipBottom{position:absolute;height:10px;-webkit-transform:translateX(-50%);border-bottom:2px solid #2C3E50;left:50%}#penTipBottom{bottom:-55px;width:30px;transform:translateX(-50%);border-radius:50%}#penBase{position:absolute;top:90px;left:8px;width:31px;height:250px;border-left:2px solid #2C3E50;border-right:2px solid #2C3E50;border-radius:0 0 2px 2px}#penBottom{bottom:-44px;width:33px;transform:translateX(-50%);border-radius:50%}#arrowHolder,#penLine1,#penLine3{-webkit-transform:translateX(-50%);position:absolute}#penLine1,#penLine3{bottom:12px;transform:translateX(-50%)}#penLine1{left:5px}#penLine3{right:5px}#penLine2{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%) translateX(-50%);transform:translateX(-50%) translateX(-50%)}#arrowHolder{left:50px;top:0;transform:translateX(-50%);width:50px;height:150px}#arrowLine{height:0;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-right:2px solid #000;-webkit-transition:1.4s ease;transition:1.4s ease}#arrowHead{width:0;height:0;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%) translateY(50%) rotateZ(45deg);transform:translateX(-50%) translateY(50%) rotateZ(45deg);border-bottom:2px solid transparent;border-right:2px solid transparent;-webkit-transition:1s ease;transition:1s ease}.experience{background-color:#fff;position:relative;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:4;padding-top:50px}.expUpper>h1{padding:0;font-size:42px;color:#000;max-width:80%;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:color 150ms linear;transition:color 150ms linear;font-weight:400}.bigButton em,.bigButton p{font-weight:300;text-decoration:none;font-family:Raleway}#workWrapper{margin:0 auto;padding:0;max-width:1400px;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateY(50%);transform:translateY(50%)}.flip3d{position:relative;margin:0 auto;-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}.flip3d p{line-height:26px;margin-bottom:5px}.flip3d>div{position:absolute;border-radius:50%;-webkit-transition:.4s linear 0s;transition:.4s linear 0s;width:100%;height:100%;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:1px solid #000}#mail,.workplace{border-radius:2px}.bigButton{width:200px;height:200px;cursor:pointer;opacity:0}.bigButton>.workButton{-webkit-transform:perspective(600px) rotateY(0);transform:perspective(600px) rotateY(0);background-color:#fff}.bigButton>.workButtonBack{background-color:#000;-webkit-transform:perspective(600px) rotateY(180deg);transform:perspective(600px) rotateY(180deg)}.slideDir:hover,.workplace,footer{background-color:#fff}.bigButton:hover>.workButton{-webkit-transform:perspective(600px) rotateY(-180deg);transform:perspective(600px) rotateY(-180deg)}.bigButton:hover>.workButtonBack{-webkit-transform:perspective(600px) rotateY(0);transform:perspective(600px) rotateY(0)}.bigButton:hover>div{border-color:#fff}.bigButton p{font-size:22px;text-transform:uppercase;-webkit-transition:color 150ms ease;transition:color 150ms ease}.bigButton em{font-size:18px;color:#c8c8c8}.smallButton p,.workplace>p{font-size:18px;font-family:Raleway}.flip3d .workButton p{color:#000}.flip3d .workButtonBack p{color:#fff}#popDownWrapper{width:100%;height:0;-webkit-transition:.5s ease;transition:.5s ease;margin:0 auto;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:2;background:#fff}.projects,.slideDir{-webkit-transition:.2s linear}.workplace{position:absolute;margin-left:auto;margin-right:auto;right:0;left:0;top:58%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:600px;opacity:0;border:1px solid #000}#golf,#slideRight{right:20px}#slideLeft,.slideDiv{left:20px}.workplaceHeader{width:100%;padding:0;min-height:120px;border-radius:4px 4px 0 0;border-bottom:1px solid #000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.workplace>p{font-weight:400;line-height:30px;color:#646464;text-align:left;margin:20px 40px}#mail,.imgPosition>p,.projects,.smallButton p,footer{text-align:center}.smallButton{width:80px;height:80px;cursor:default}.smallButton>.workButton{-webkit-transform:perspective(600px) rotateY(0);transform:perspective(600px) rotateY(0);background-color:#fff}.smallButton>.workButtonBack{background-color:#000;-webkit-transform:perspective(600px) rotateY(180deg);transform:perspective(600px) rotateY(180deg)}.smallButton:hover>.workButton{-webkit-transform:perspective(600px) rotateY(-180deg);transform:perspective(600px) rotateY(-180deg)}.smallButton:hover>.workButtonBack{-webkit-transform:perspective(600px) rotateY(0);transform:perspective(600px) rotateY(0)}.smallButton p{font-weight:300;color:#fff;margin:auto}.smallButton .workButton p{color:#000}.imgPosition{margin:auto;width:300px}.imgPosition>img{display:block;margin:auto auto 10px;width:220px}.imgPosition>p{display:block;width:100%;margin:10px auto auto;font-size:24px;font-weight:300;color:#000}#projectHeader,.info a p,.info em,.info p{font-weight:400}.siba img{width:160px;margin-bottom:0}.siba .imgPosition>p{margin-top:0}.contextvision img{width:160px;padding:15px 0 5px}.contextvision .imgPosition>p,.signality .imgPosition>p{padding-bottom:10px}.signality .workplaceHeader{padding-top:20px}.signality img{width:180px}.projects{background-color:#000;z-index:3;width:100%;padding:100px 0 0;display:block;position:relative;overflow:hidden;transition:.2s linear;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin-bottom:400px;height:1100px}#projectFilter{position:absolute;top:0;width:100%;height:140%;background-color:rgba(0,0,0,.3);display:none}#projWrapper{position:relative;width:90%;height:100%;max-width:1400px}#projectHeader{position:relative;margin:0 auto;top:100px;display:block;color:#fff;font-size:42px;z-index:4}.info a,.info em{margin-bottom:25px}.slideDir,.socMedia{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-align:center;text-decoration:none}.slideDiv{position:absolute;top:55%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50%;opacity:0;z-index:-1;overflow:hidden;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;pointer-events:none}.slideDir{cursor:pointer;position:absolute;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;width:45px;height:45px;border:2px solid #fff;top:50%;z-index:5;-webkit-transform:translater3d(0,0,0) scale(1) translateY(-50%);transform:translater3d(0,0,0) scale(1) translateY(-50%);transition:.2s linear}.info,.info a{display:inline-block}#socWrap,#sonus img{border-radius:3px}.slideDir i{color:#fff;font-size:30px}#slideLeft i{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}#slideRight i{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}.slideDir:hover i{color:#000}#slideRight:hover{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.info{text-align:left;color:#fff;width:100%}.info a{text-decoration:none}#div4,#projImages,.info em,.thickBorder{display:block}.info a p{font-family:Raleway;font-size:28px;color:#fff}.info a,.info em,.info p{font-family:Raleway;font-size:16px}.info a p:hover{color:#e6e6e6}.info em{font-style:normal;text-transform:uppercase;color:#a0a0a0}.info a{font-weight:500;color:#CF000F;pointer-events:auto}.thickBorder{max-width:150px;min-width:50px;width:20%;border-bottom:3px solid #fff;margin:40px auto 40px 0}#golf,#moodi{bottom:30px;max-width:800px;border-radius:5px;position:absolute;overflow:hidden}#ethcircle,#mapapp{bottom:20px;width:15%;z-index:5;height:auto}.info ul{padding-left:20px}.info ul>li{margin-bottom:5px}.toolList{padding-top:30px}#socWrap,*{padding:0}#projImages{position:absolute;bottom:-70px;right:20px;width:60%;height:auto;opacity:0}#projImages a{-webkit-transition:.2s linear;transition:.2s linear}#projImages a img{width:100%;height:auto}.prototype{position:absolute}#contactWrapper,.socMedia,.socMedia i,body,html{position:relative}#ethcircle{right:50px}#mapapp{position:absolute;right:167px}#site{position:absolute;bottom:40px;right:0;width:73%;height:auto;z-index:1}#site img{border-radius:5px}#golf{width:75%;height:auto;z-index:3}#moodi{right:10px;width:80%;height:auto;z-index:2}#sonus{position:absolute;bottom:35px;right:35px;width:65%;height:auto;max-width:600px;z-index:4}footer{position:fixed;bottom:0;width:100%;height:400px;z-index:1;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}#contact{-webkit-transition:.8s linear;transition:.8s linear}footer h1{position:absolute;left:50%;top:20%;transform:translateX(-50%) translateY(-50%);line-height:38px;font-family:'Playfair Display';font-weight:400;letter-spacing:-1px;color:#000;width:280px;font-size:42px}#mail,#socMediaHeader h2,body,html{font-family:Raleway}#contactHeaderLine{position:absolute;right:1px;bottom:-10px;width:81px;border-bottom:4px solid #c8c8c8}#contactWrapper{width:100%;max-width:700px;height:100%}#mail{position:absolute;left:50%;top:50%;z-index:10;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-size:70px;font-weight:300;color:#000;text-shadow:none;letter-spacing:3px;text-decoration:none;padding:0 20px;-webkit-transition:.1s linear;transition:.1s linear}#mail:hover{color:#c8c8c8}#socMediaHeader{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);width:250px;height:30px}#socBorderLeft,#socBorderRight{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-bottom:1px solid #000;width:40px}#socBorderLeft{left:0}#socBorderRight{right:0}#socMediaHeader h2{font-weight:500;font-size:20px;color:#000;position:absolute;left:50%;top:50%;letter-spacing:2px;width:200px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#socWrap{position:absolute;bottom:20%;left:50%;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);height:100px;width:144px;clear:both;z-index:10}.socMedia{width:40px;height:40px;border-radius:50%;border:1px solid #000;-webkit-transition:.12s linear;transition:.12s linear;overflow:hidden;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:55px 3px 0;float:left}*,.socMedia i{margin:0 auto}.socMedia i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;color:#000;-webkit-transition:color 80ms linear;transition:color 80ms linear;width:100%;height:100%;font-size:20px}.socMedia:hover{border-color:#000;background-color:#000}.socMedia:hover>i{color:#fff}.socMedia>svg{width:50px}.socMedia>svg path{fill:#000}.socMedia:hover>svg path{fill:#fff}#copyright{position:absolute;left:15px;bottom:10px;color:#e6e6e6;font-size:14px;font-weight:300;text-align:left;width:300px;height:25px;z-index:-2}body,html{font-weight:400;width:100%;overflow-x:hidden;background-color:#fff}body{overflow:hidden}section{z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}.container,.smallerContainer{display:block;z-index:1;height:100%;position:relative}h1{font-style:normal}p{line-height:32px}div{-webkit-backface-visibility:hidden;backface-visibility:hidden}::selection{background:#646464;color:#fff}::-moz-selection{background:#646464;color:#fff}.container{width:100%;max-width:1700px}.smallerContainer{width:100%;max-width:1400px}#scrollNavigationButtonWrapper,#scrollNavigationButtonWrapper a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;width:100%;text-align:right}.noTransition{-webkit-transition:none!important;transition:none!important}.spinAppearance{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:forwards}@-webkit-keyframes spin{0%{opacity:0;-webkit-transform:rotateY(-90deg) translateY(100px);transform:rotateY(-90deg) translateY(100px)}100%{opacity:1;-webkit-transform:rotateY(0) translateY(0);transform:rotateY(0) translateY(0)}}@keyframes spin{0%{opacity:0;-webkit-transform:rotateY(-90deg) translateY(100px);transform:rotateY(-90deg) translateY(100px)}100%{opacity:1;-webkit-transform:rotateY(0) translateY(0);transform:rotateY(0) translateY(0)}}.appearFromBottom{-webkit-animation-name:appearFromBottom;animation-name:appearFromBottom;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:forwards}@-webkit-keyframes appearFromBottom{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes appearFromBottom{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.appearFromTop{-webkit-animation-name:appearFromTop;animation-name:appearFromTop;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes appearFromTop{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes appearFromTop{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.appearFromTopCentered{-webkit-animation-name:appearFromTopCentered;animation-name:appearFromTopCentered;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes appearFromTopCentered{0%{opacity:0;-webkit-transform:translateY(-100px) translateX(-50%);transform:translateY(-100px) translateX(-50%)}100%{opacity:1;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}}@keyframes appearFromTopCentered{0%{opacity:0;-webkit-transform:translateY(-100px) translateX(-50%);transform:translateY(-100px) translateX(-50%)}100%{opacity:1;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}}.expandFromBottom30{-webkit-animation-name:expandFromBottom30;animation-name:expandFromBottom30;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes expandFromBottom30{0%{opacity:0;width:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;width:30%;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes expandFromBottom30{0%{opacity:0;width:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;width:30%;-webkit-transform:translateY(0);transform:translateY(0)}}.expandFromBottom20{-webkit-animation-name:expandFromBottom20;animation-name:expandFromBottom20;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.slideDownBig0,.slideDownBig1{-webkit-animation-fill-mode:forwards}@-webkit-keyframes expandFromBottom20{0%{opacity:0;width:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;width:20%;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes expandFromBottom20{0%{opacity:0;width:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;width:20%;-webkit-transform:translateY(0);transform:translateY(0)}}.slideDown{-webkit-animation-name:popdown;animation-name:popdown;-webkit-animation-duration:1s;animation-duration:1s}.slideInFromLeft,.slideUp{-webkit-animation-duration:1s}@-webkit-keyframes popdown{0%{display:none;opacity:0;-webkit-transform:translateY(-800px);transform:translateY(-800px)}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1}}@keyframes popdown{0%{display:none;opacity:0;-webkit-transform:translateY(-800px);transform:translateY(-800px)}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1}}.slideUp{-webkit-animation-name:popup;animation-name:popup;animation-duration:1s}@-webkit-keyframes popup{0%{opacity:1}100%{-webkit-transform:translateY(-800px);transform:translateY(-800px);opacity:1}}@keyframes popup{0%{opacity:1}100%{-webkit-transform:translateY(-800px);transform:translateY(-800px);opacity:1}}.slideInFromLeft{-webkit-animation-name:popInLeft;animation-name:popInLeft;animation-duration:1s}@-webkit-keyframes popInLeft{0%{opacity:0;-webkit-transform:translateX(-800px) translateY(-50%);transform:translateX(-800px) translateY(-50%)}80%{opacity:1}100%{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);opacity:1}}@keyframes popInLeft{0%{opacity:0;-webkit-transform:translateX(-800px) translateY(-50%);transform:translateX(-800px) translateY(-50%)}80%{opacity:1}100%{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);opacity:1}}.slideInFromBottom{-webkit-animation-name:popInBottom;animation-name:popInBottom;-webkit-animation-duration:1s;animation-duration:1s}.slideOutBottom,.slideOutRight{-webkit-animation-duration:.5s}@-webkit-keyframes popInBottom{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px);z-index:-1}10%{opacity:1}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;z-index:3}}@keyframes popInBottom{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px);z-index:-1}10%{opacity:1}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;z-index:3}}.slideOutRight{-webkit-animation-name:popOutRight;animation-name:popOutRight;animation-duration:.5s}@-webkit-keyframes popOutRight{0%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{-webkit-transform:translateX(800px) translateY(-50%);transform:translateX(800px) translateY(-50%);opacity:0}}@keyframes popOutRight{0%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{-webkit-transform:translateX(800px) translateY(-50%);transform:translateX(800px) translateY(-50%);opacity:0}}.slideOutBottom{-webkit-animation-name:popOutBottom;animation-name:popOutBottom;animation-duration:.5s}@-webkit-keyframes popOutBottom{0%{opacity:1}50%{opacity:.7}100%{-webkit-transform:translateY(800px);transform:translateY(800px);opacity:0}}@keyframes popOutBottom{0%{opacity:1}50%{opacity:.7}100%{-webkit-transform:translateY(800px);transform:translateY(800px);opacity:0}}.slideOutLeft{-webkit-animation-name:popOutLeft;animation-name:popOutLeft;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes popOutLeft{0%{opacity:1}100%{-webkit-transform:translateX(-800px) translateY(-50%);transform:translateX(-800px) translateY(-50%);opacity:0}}@keyframes popOutLeft{0%{opacity:1}100%{-webkit-transform:translateX(-800px) translateY(-50%);transform:translateX(-800px) translateY(-50%);opacity:0}}.slideDownBig0{-webkit-animation-name:popdownBig;animation-name:popdownBig;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:forwards}.slideDownBig1,.slideDownBig2{-webkit-animation-name:popdownBig;-webkit-animation-duration:1s}@-webkit-keyframes popdownBig{0%{opacity:1;-webkit-transform:translateY(-400px);transform:translateY(-400px)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes popdownBig{0%{opacity:1;-webkit-transform:translateY(-400px);transform:translateY(-400px)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slideDownBig1{animation-name:popdownBig;animation-duration:1s;-webkit-animation-delay:.2s;animation-delay:.2s;animation-fill-mode:forwards}.slideDownBig2,.slideDownBig3{-webkit-animation-fill-mode:forwards}.slideDownBig2{animation-name:popdownBig;animation-duration:1s;-webkit-animation-delay:.4s;animation-delay:.4s;animation-fill-mode:forwards}.slideDownBig3{-webkit-animation-name:popdownBig;animation-name:popdownBig;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.6s;animation-delay:.6s;animation-fill-mode:forwards}.expand20,.expand30{-webkit-animation-fill-mode:forwards}.expand20{-webkit-animation-name:expand20;animation-name:expand20;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:forwards}.expand30,.growToFull{-webkit-animation-duration:1.5s}@-webkit-keyframes expand20{0%{width:0}100%{width:18%}}@keyframes expand20{0%{width:0}100%{width:18%}}.expand30{-webkit-animation-name:expand30;animation-name:expand30;animation-duration:1.5s;animation-fill-mode:forwards}.expand70,.growToFull{-webkit-animation-fill-mode:forwards}@-webkit-keyframes expand30{0%{width:0}100%{width:30%}}@keyframes expand30{0%{width:0}100%{width:30%}}.growToFull{-webkit-animation-name:growToFull;animation-name:growToFull;animation-duration:1.5s;animation-fill-mode:forwards}.appearFromLeft,.expand70{-webkit-animation-duration:1.5s}@-webkit-keyframes growToFull{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes growToFull{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}.expand70{-webkit-animation-name:expand70;animation-name:expand70;animation-duration:1.5s;animation-fill-mode:forwards}.appearFromLeft,.appearFromRight{-webkit-animation-fill-mode:forwards}@-webkit-keyframes expand70{0%{width:0}100%{width:70%}}@keyframes expand70{0%{width:0}100%{width:70%}}.appearFromLeft{-webkit-animation-name:appearFromLeft;animation-name:appearFromLeft;animation-duration:1.5s;animation-fill-mode:forwards}@-webkit-keyframes appearFromLeft{0%{opacity:.8;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes appearFromLeft{0%{opacity:.8;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.appearFromRight{-webkit-animation-name:appearFromRight;animation-name:appearFromRight;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:forwards}.appearFromLeft1,.appearFromRight1{-webkit-animation-fill-mode:forwards}@-webkit-keyframes appearFromRight{0%{opacity:.8;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes appearFromRight{0%{opacity:.8;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.appearFromLeft1{-webkit-animation-name:appearFromLeft;animation-name:appearFromLeft;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:forwards}.appearFromRight1{-webkit-animation-name:appearFromRight;animation-name:appearFromRight;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:forwards}.appearFromLeftInBackground{-webkit-animation-name:appearFromLeftInBackground;animation-name:appearFromLeftInBackground;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes appearFromLeftInBackground{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}100%{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes appearFromLeftInBackground{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}100%{opacity:.4;-webkit-transform:translateX(0);transform:translateX(0)}}.appearFromRightInBackground{-webkit-animation-name:appearFromRightInBackground;animation-name:appearFromRightInBackground;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadeInFromLeft,.growAndShrink1{-webkit-animation-duration:1.4s}.fadeInFromLeft,.rotate360{-webkit-animation-fill-mode:forwards}@-webkit-keyframes appearFromRightInBackground{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:.3;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes appearFromRightInBackground{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:.3;-webkit-transform:translateX(0);transform:translateX(0)}}.fadeInFromLeft{-webkit-animation-name:fadeInFromLeft;animation-name:fadeInFromLeft;animation-duration:1.4s;animation-fill-mode:forwards}@-webkit-keyframes fadeInFromLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInFromLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.rotate360{-webkit-animation-name:rotate360;animation-name:rotate360;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:forwards}.growAndShrink,.growAndShrink1{-webkit-animation-fill-mode:forwards}@-webkit-keyframes rotate360{0%{opacity:0;-webkit-transform:translateY(-120px) translateX(-50%) rotateZ(45deg);transform:translateY(-120px) translateX(-50%) rotateZ(45deg)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(405deg);transform:translateY(-50%) translateX(-50%) rotateZ(405deg)}}@keyframes rotate360{0%{opacity:0;-webkit-transform:translateY(-120px) translateX(-50%) rotateZ(45deg);transform:translateY(-120px) translateX(-50%) rotateZ(45deg)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(405deg);transform:translateY(-50%) translateX(-50%) rotateZ(405deg)}}.growAndShrink{-webkit-animation-name:growAndShrinkBig;animation-name:growAndShrinkBig;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0s;animation-delay:0s;animation-fill-mode:forwards}@-webkit-keyframes growAndShrinkBig{0%{opacity:0;-webkit-transform:scale(0) translateX(-50%) translateY(-50%);transform:scale(0) translateX(-50%) translateY(-50%)}50%{-webkit-transform:scale(1.3) translateX(-35%) translateY(-50%);transform:scale(1.3) translateX(-35%) translateY(-50%)}100%{opacity:1;-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%)}}@keyframes growAndShrinkBig{0%{opacity:0;-webkit-transform:scale(0) translateX(-50%) translateY(-50%);transform:scale(0) translateX(-50%) translateY(-50%)}50%{-webkit-transform:scale(1.3) translateX(-35%) translateY(-50%);transform:scale(1.3) translateX(-35%) translateY(-50%)}100%{opacity:1;-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%)}}.growAndShrink1{-webkit-animation-name:growAndShrink;animation-name:growAndShrink;animation-duration:1.4s;-webkit-animation-delay:0s;animation-delay:0s;animation-fill-mode:forwards}.growAndShrink2,.growAndShrink3{-webkit-animation-name:growAndShrink;-webkit-animation-duration:1.4s;-webkit-animation-fill-mode:forwards}.growAndShrink2{animation-name:growAndShrink;animation-duration:1.4s;-webkit-animation-delay:.2s;animation-delay:.2s;animation-fill-mode:forwards}.growAndShrink3{animation-name:growAndShrink;animation-duration:1.4s;-webkit-animation-delay:.4s;animation-delay:.4s;animation-fill-mode:forwards}.growAndShrink4,.growAndShrink5{-webkit-animation-name:growAndShrink;-webkit-animation-duration:1.4s;-webkit-animation-fill-mode:forwards}.growAndShrink4{animation-name:growAndShrink;animation-duration:1.4s;-webkit-animation-delay:.6s;animation-delay:.6s;animation-fill-mode:forwards}.growAndShrink5{animation-name:growAndShrink;animation-duration:1.4s;-webkit-animation-delay:.8s;animation-delay:.8s;animation-fill-mode:forwards}.growAndShrink6,.rotateAndShrink{-webkit-animation-fill-mode:forwards}.growAndShrink6{-webkit-animation-name:growAndShrink;animation-name:growAndShrink;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-delay:1s;animation-delay:1s;animation-fill-mode:forwards}@-webkit-keyframes growAndShrink{0%{opacity:0;-webkit-transform:scale(0) translateY(-50%) translateX(40%);transform:scale(0) translateY(-50%) translateX(40%)}50%{-webkit-transform:scale(1.4) translateY(-50%) translateX(40%);transform:scale(1.4) translateY(-50%) translateX(40%)}100%{opacity:1;-webkit-transform:scale(1) translateY(-50%) translateX(50%);transform:scale(1) translateY(-50%) translateX(50%)}}@keyframes growAndShrink{0%{opacity:0;-webkit-transform:scale(0) translateY(-50%) translateX(40%);transform:scale(0) translateY(-50%) translateX(40%)}50%{-webkit-transform:scale(1.4) translateY(-50%) translateX(40%);transform:scale(1.4) translateY(-50%) translateX(40%)}100%{opacity:1;-webkit-transform:scale(1) translateY(-50%) translateX(50%);transform:scale(1) translateY(-50%) translateX(50%)}}.rotateAndShrink{-webkit-animation-name:rotateAndShrink;animation-name:rotateAndShrink;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-delay:0s;animation-delay:0s;animation-fill-mode:forwards}@-webkit-keyframes rotateAndShrink{0%{-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(90deg);transform:translateY(-50%) translateX(-50%) rotateZ(90deg);width:45px}50%{-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(0);transform:translateY(-50%) translateX(-50%) rotateZ(0);width:45px}100%{-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(0);transform:translateY(-50%) translateX(-50%) rotateZ(0);width:27px}}@keyframes rotateAndShrink{0%{-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(90deg);transform:translateY(-50%) translateX(-50%) rotateZ(90deg);width:45px}50%{-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(0);transform:translateY(-50%) translateX(-50%) rotateZ(0);width:45px}100%{-webkit-transform:translateY(-50%) translateX(-50%) rotateZ(0);transform:translateY(-50%) translateX(-50%) rotateZ(0);width:27px}}.shine{-webkit-animation-name:shine;animation-name:shine;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes shine{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 10px 3px #fff}}@keyframes shine{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 10px 3px #fff}}#scrollNavigationBar{position:fixed;top:50%;right:60px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:122px;height:380px;z-index:10;-webkit-transition:.4s linear;transition:.4s linear}#scrollNavigationButtonWrapper{height:100%;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:80%;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0;-webkit-transition:.4s linear;transition:.4s linear}#scrollNavigationButtonWrapper a{opacity:1;text-decoration:none;position:relative;-webkit-transition:.3s ease;transition:.3s ease;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:50px;padding-right:20px;-webkit-transform:translateX(200px);transform:translateX(200px)}.navDot,.navDotDelayed{position:absolute;top:50%;right:0;width:3px;border-radius:1px}.navDot{-webkit-transform:translateY(-50%) translateX(50%) rotateZ(0);transform:translateY(-50%) translateX(50%) rotateZ(0);height:6px;-webkit-transition:-webkit-transform .25s linear;transition:transform .25s linear}.navDotDelayed{height:3px;-webkit-transition:width .25s linear;transition:width .25s linear;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%)}#scrollNavigationButtonWrapper a:hover>.scrollNavHeader{color:red}#scrollUp i,#scrollUp p{position:absolute;left:50%;color:#fff}.scrollNavHeader{font-weight:400;font-size:15px;font-family:Oswald;font-family:Raleway;text-align:right;letter-spacing:1px;width:100%;padding:10px 0}#scrollUp{position:fixed;right:40px;bottom:40px;-webkit-transform:translateY(150px);transform:translateY(150px);width:48px;height:48px;border:2px solid #fff;border-radius:50%;background-color:transparent;z-index:10;-webkit-transition:-webkit-transform .35s linear,opacity 50ms linear;transition:transform .35s linear,opacity 50ms linear;overflow:hidden}#scrollUp div{position:absolute;top:0;height:200%;width:100%;-webkit-transition:.2s linear;transition:.2s linear}#scrollUp i{top:25%;-webkit-transform:translateX(-50%) translateY(-17px);transform:translateX(-50%) translateY(-17px);font-size:28px}#scrollUp p{font-weight:500;bottom:7px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);font-size:16px}#scrollUp:hover div{-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width:1400px){#mountainHolder,#mountainHolder2{bottom:20px}}@media screen and (min-width:1600px){#slideLeft{left:60px}#slideRight{right:60px}#navigationButtonWrapper{height:100px;top:60px}#startImgHolder{top:100px}.navHeader{font-size:18px}}@media screen and (min-width:1900px){#forestHolder{max-height:500px;height:auto;bottom:50px}#mountainHolder,#mountainHolder2{max-height:auto;height:auto;bottom:0;border-width:140px}#welcome{left:550px;bottom:350px;font-size:60px}}@media screen and (min-width:2400px){#scrollDown{bottom:20px}#mountainHolder,#mountainHolder2{bottom:-50px}#welcome{left:700px;bottom:350px;font-size:80px}#hi{font-size:45px}}@media screen and (max-width:1200px){#arrowHolder,#github_logo,#penHolder{display:none}#projImages{width:80%}.projWrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:80%}.slideDiv{width:60%}#slideLeft{left:10px}#slideRight{right:10px}}@media screen and (max-width:925px){.bigButton h1,.bigButton p{font-size:18px}#workWrapper{width:100%}.bigButton,.bigButton>.workButton,.bigButton>.workButtonBack{width:150px;height:150px}.expUpper{background:-webkit-linear-gradient(top,transparent 245px,#282828 0);background:linear-gradient(to bottom,transparent 245px,#282828 0)}#mac{width:300px;bottom:5%}.slideDiv{width:97%}.bigButton h1{padding:0;margin:0}.bigButton em{font-size:16px;padding:0;margin:0}.info{margin:0 auto;width:100%}#mail{font-size:60px}.projects{height:1000px}#projectHeader{top:60px}}@media screen and (max-width:768px){#back p,p{line-height:25px}#mountainHolder{left:-50%;width:180%;bottom:80px;border:none}#mountainHolder2{right:-50%;bottom:90px;width:130%;border:none}#eHolder,#welcome{display:none}#forestHolder{bottom:80px}#message p{width:400px;font-size:18px}#scrollDown{bottom:30px}#startImgHolder{left:20px;right:20px}.navHeader{font-size:14px}#aboutText p,.eduSummary,.info p,.workplace p{font-size:16px}#navigationButtonWrapper{max-width:90%}#mail{font-size:45px}#eduTimelineWrapper{padding-top:100px}.eduPeriscope{width:500px;height:500px;border-radius:2px;border-width:7px}#back,#front,#startName{width:120px;height:120px}#startName p{font-size:30px}#back p{font-size:25px}}@media screen and (max-width:668px){#welcome,.courses,.eduPeriscope,.showCourses{display:none}#contactWrap,.timelineStopLine{display:block}.startscreen h1{font-size:30px}.time{max-width:90%}.eduSummary{width:80%;-webkit-transform:translateX(0);transform:translateX(0);background-color:#000}#workWrapper,.expUpper{background-color:#fff}#basketball,#projImages,#s13,#s3,#s4,#s6,#s8,#s9,#timelineDotHeader,.scrollToNext,.scrollToTop,.smallButton{display:none}#contactWrap{text-align:center}.expUpper h1{color:#000;padding:0 0 60px}#workWrapper{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-bottom:60px}.bigButton{margin-top:10px;width:60%;height:90px}.bigButton>.workButton,.bigButton>.workButtonBack{width:100%;height:90px;border-radius:2px}.bigButton>.workButton{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0)}.bigButton>.workButtonBack{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg)}.bigButton:hover>.workButton{-webkit-transform:perspective(600px) rotateX(-180deg);transform:perspective(600px) rotateX(-180deg)}.bigButton:hover>.workButtonBack{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0)}#contactWrap a{display:inline-block}#infoWrap{margin:10px auto 30px;display:block}.workplace{width:90%}#mail{font-size:40px}.slideDiv{left:0;right:0;margin-left:auto;margin-right:auto}#eduSummaryWrapper{padding-bottom:600px}#eduSummary{width:97%}#progLangs{left:70%;top:75%}.progLang h2{right:20px;width:140px}#timelineStartDot,#timelineStartLine,#timelineStop,#timelineStopDot,#upperTimeline,.contTimeline,.timeline,.timelineDot,.timelineDotLine{left:70%}.rightOfTimeline{width:30%}.rightOfTimeline p{left:20px}.leftOfTimeline div{right:0}.leftOfTimeline{width:60%}#aboutText{width:97%}.eduBorder,.eduSummary h1,.eduSummary p{margin-left:0}.workplace>p{margin:20px}#projectHeader{top:40px}}@media screen and (max-width:568px){.navHeader{font-size:10px}.startscreen h1{font-size:24px}.time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.timeContent{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.period{flex-order:1;text-align:center;margin-bottom:20px}.eduPeriscope{width:200px;height:200px;border-radius:2px}.experience{padding-top:30px}#headerName{font-size:25px}#scrollDown{height:40px;width:40px}#navigationButtonWrapper i,#overResume,#underResume{display:none}#mail{font-size:18px;text-shadow:none}#resume{margin:60px auto 120px}#timelineStartDot,#timelineStartLine{display:block}#lamp{left:10px}#copyright{font-size:14px;bottom:1px}}@media screen and (max-width:500px){h1{font-size:38px!important}#projectHeader{top:20px}#scrollDown i{font-size:34px!important}.projects{height:1100px}#painting{right:40px}#hi{width:300px;min-width:auto;font-size:29px!important}#hi span{font-size:10px}#timelineStartDot{display:none}.thinBorder{margin:20px 0!important}#contactHeaderLine{border-width:4px;bottom:-5px;right:16px;width:71px}}@media screen and (max-width:400px){.projects{height:1200px}#eduTimelineWrapper{-webkit-transform:translateY(100px);transform:translateY(100px)}#eduPeriscopeWrapper{display:none}}@media screen and (max-width:360px){.projects{height:1300px;margin-bottom:400px}#hi{font-size:26px!important}footer{height:400px}}