@font-face{font-family:'aileronsregular';src:url(../fonts/ailerons_400-webfont.woff2) format('woff2'),url(../fonts/ailerons_400-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:"Alef-Bold";src:url(../fonts/Alef-Bold.eot);src:url(../fonts/Alef-Bold.ttf) format("truetype"),url(../fonts/Alef-Bold.woff) format("woff"),url(../fonts/Alef-Bold.woff2) format("woff2")}@font-face{font-family:"Alef";src:url(../fonts/Alef-Regular.eot);src:url(../fonts/Alef-Regular.ttf) format("truetype"),url(../fonts/Alef-Regular.woff) format("woff"),url(../fonts/Alef-Regular.woff2) format("woff2")}body{background-color:#252423;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0!important}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.hidden{display:none!important}a,a:hover,a:focus{color:inherit;font-weight:700;font-family:"Alef-Bold"}.frame-border-top{height:10px;width:100%;position:fixed;top:0;background:#252423;z-index:3}.frame-border-bottom{height:10px;width:100%;position:fixed;bottom:0;background:#252423;z-index:3}.mobile-container{display:none;height:100vh;width:100%;background-image:-o-radial-gradient(white,white,white,grey);background-image:radial-gradient(white,white,white,grey)}.mobile-container .links{position:relative;top:50%;-webkit-transform:translateY(-42%);-ms-transform:translateY(-42%);transform:translateY(-42%)}.mobile-container .links h2{cursor:pointer}.mobile-container h1{text-align:center;margin-bottom:30px;color:red;font-family:'aileronsregular';font-size:68px}.mobile-container h1 span{opacity:0;margin-left:-10px;margin-right:-10px}.mobile-container h2{opacity:0;text-align:center;margin-bottom:30px;color:red;font-family:'aileronsregular';font-size:32px}#three-container{display:inline-block;position:relative;left:10px;top:10px}canvas:focus{outline:none}.controls{display:none;z-index:10;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-container{position:fixed;top:87px;left:7%}.hamburger-menu{cursor:pointer;height:30px;width:40px;padding-top:10px}.hamburger-menu span{display:block;width:30px;height:3px;margin-bottom:7px;margin-top:0;position:relative;background:red;z-index:1;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.hamburger-menu.open span.top{width:35px;-webkit-transform:rotate(-45deg) translate(-2px,1px);-ms-transform:rotate(-45deg) translate(-2px,1px);transform:rotate(-45deg) translate(-2px,1px)}.hamburger-menu span.middle{width:40px}.hamburger-menu.open span.middle{width:35px;-webkit-transform:rotate(45deg) translate(-6px,-6px);-ms-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-6px,-6px)}.hamburger-menu span.bottom{width:20px}.hamburger-menu.open span.bottom{opacity:0}.hamburger-menu:hover span{width:40px}.dropdown-menu{display:inline-block;background:none;border:none;margin-top:10px}.dropdown-menu li{background:#666;color:#fff;padding:0 15px;margin-bottom:12px;font-family:'aileronsregular';font-size:24px;width:130px;cursor:pointer;-webkit-transition:all .0.3s ease-in-out;-o-transition:all .0.3s ease-in-out;transition:all .0.3s ease-in-out}.dropdown-menu li:hover{background:#dc0909}.close-button{font-size:72px;font-weight:300;color:red;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:50% 60%;-ms-transform-origin:50% 60%;transform-origin:50% 60%;position:fixed;top:45px;right:6%;cursor:pointer;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.close-button:hover,.close-button:focus{-webkit-transform:rotate(-135deg) translateY(2px);-ms-transform:rotate(-135deg) translateY(2px);transform:rotate(-135deg) translateY(2px)}.text-section{position:relative;z-index:1;padding:10% 12%;background:rbga(0,0,0,.3);display:none;font-size:19px;font-family:'Alef',sans-serif}.text-section h1{text-align:center;margin-bottom:30px;color:red;font-family:'aileronsregular';font-size:64px}.text-section h2{text-align:center;margin-top:20px;color:red;font-size:19px;text-transform:uppercase;font-weight:700;font-family:"Alef-Bold";letter-spacing:5px}.text-section h2:after{content:'';width:15px;height:3px;display:block;position:relative;top:5px}.text-section .gfade{opacity:0}.about-container .row{max-width:1000px}.resume-container .intro{text-align:center;padding-bottom:40px}.timeline{padding-top:30px}.timeline .column{padding-bottom:40px;padding-left:20px;padding-right:20px}.timeline .column.left{border-right:1px dashed #aaa}.timeline .column.right{border-left:1px dashed #aaa}.timeline .column.right:before{content:'';position:absolute;left:0;height:18px;width:18px;border-radius:50%;margin-left:-10px;border:2px solid #aaa;background:#fff}.timeline .column.last{border:none!important}.timeline h3{font-weight:700;font-family:"Alef-Bold";color:#444;font-size:22px;position:relative;top:-3px;margin-bottom:8px}.timeline .year{font-size:20px;position:relative;top:-5px;color:#444;margin-bottom:10px}.left .year{text-align:right}.timeline h5{text-transform:uppercase;font-size:14px;letter-spacing:3px;text-align:right}.timeline h6{font-size:14px;letter-spacing:1px;text-align:right;font-style:italic}.timeline p{font-size:18px}.timeline .mobile{display:none}.timeline .mobile .year{font-size:16px;letter-spacing:3px;margin-bottom:7px}.timeline .mobile h5{font-size:13px;margin-bottom:15px}.education{padding-top:5px}.certifications{padding-top:20px}.education h2,.certifications h2{margin-bottom:40px}.education .row,.certifications .row{margin-bottom:35px}.education h3,.certifications h3{font-weight:700;font-family:"Alef-Bold";color:#444;font-size:22px;margin-bottom:12px;text-align:center}.education h5,.education p,.certifications h5,.certifications p{font-size:14px;text-align:center;margin-bottom:8px;letter-spacing:3px}.education h5,.certifications h5{text-transform:uppercase}#backToTop{display:inline-block;width:35px;height:27px;overflow:hidden;position:fixed;bottom:30px;right:6.5%;-webkit-transition:background-color .3s,opacity .5s,visibility .5s;-o-transition:background-color .3s,opacity .5s,visibility .5s;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;cursor:pointer}#backToTop.show{opacity:1;visibility:visible}.contact-container .row{margin-top:40px;margin-bottom:40px}.contact-container h3{font-weight:700;font-family:"Alef-Bold";color:#444;font-size:22px;margin-bottom:12px;text-align:center}.contact-container h5{text-transform:uppercase;font-size:14px;letter-spacing:3px;text-align:center}.contact-container svg{max-width:40px;color:blue;margin-top:5px;-webkit-transition:all 0.1s;-o-transition:all 0.1s;transition:all 0.1s}.contact-container svg:hover{max-width:43px}@media only screen and (max-width:1024px){body{background-color:#fff}#three-container,.frame-border-top,.frame-border-bottom{display:none}.menu-container{top:40px;left:7%}.mobile-container{display:block}.text-section{padding:0 20px;padding-top:100px;padding-bottom:10px}}@media only screen and (max-width:900px){.mobile-container h1{font-size:62px}}@media only screen and (max-width:800px){.mobile-container h1{font-size:56px}}@media only screen and (max-width:700px){.mobile-container h1{font-size:50px}}@media only screen and (max-width:600px){.mobile-container h1{font-size:44px}.mobile-container h2{font-size:28px}}@media only screen and (max-width:575px){.text-section{font-size:18px;padding-top:120px}.text-section h1{font-size:50px}.timeline .left{display:none}.timeline .column.left,.timeline .column.right{border-left:none;border-right:none}.timeline .column.right:before{display:none}.timeline .mobile{display:block}.timeline h3,.timeline p,.timeline .mobile *{text-align:center}.contact-container h3{font-size:20px}}@media only screen and (max-width:360px){.menu-container{left:20px}.text-section h1{font-size:44px;text-align:left}.text-section h2{text-align:left}.contact-container h1{text-align:center}.text-section .intro,.timeline h3,.timeline p,.timeline .mobile *{text-align:left}.timeline .column{padding-left:15px;padding-right:15px}.mobile-container h1{font-size:40px}.mobile-container h2{font-size:24px}.contact-container h3{font-size:18px}.education *,.certifications *{text-align:left!important}.education h5,.certifications h5{text-transform:none;letter-spacing:normal;font-size:18px}}