h1{font-family:'roboto', monospace;font-size:40px;font-weight:900;color:#fff;text-shadow:1px 0px 20px #323232}p{font-family:'Lato';font-size:20px;color:#555555}#mainnav a{z-index:50;display:block;font-family:'B612 Mono', monospace;font-size:24px;font-weight:800;color:#fafafa;text-decoration:none;width:150px;text-align:center;transition:1s}#mainnav a:hover{cursor:pointer;color:#aaaaaa}#mainnav #navabout{cursor:pointer;position:fixed;left:calc(50% - 75px);bottom:10%}#mainnav #navprojects{cursor:pointer;position:fixed;left:calc(25% - 75px);bottom:10%}#mainnav #navphotos{cursor:pointer;position:fixed;left:calc(75% - 75px);bottom:10%}#mobilenav{display:hidden;transition:0.4s;width:50vw;min-width:130px;position:fixed;top:0px;z-index:2;background-color:white;height:100vh;right:-70vw}#mobilenav a{z-index:50;display:block;font-family:'B612 Mono', monospace;font-size:20px;font-weight:800;color:#020202;text-decoration:none;width:100px;text-align:center;top:100px;height:50px;position:relative;margin:auto;transition:0.5s}#mobilenav a:hover{cursor:pointer;color:#aaaaaa}#mobilenav #mobilehome{text-decoration:underline !important;cursor:pointer}#mobilenav #mobilenavabout{cursor:pointer}#mobilenav #mobilenavprojects{cursor:pointer}#mobilenav #mobilenavphotos{cursor:pointer}#navicon{display:none;cursor:pointer;z-index:3}#navicontext{display:none;cursor:pointer;font-family:'Roboto', monospace;font-size:16px;color:white;z-index:3;position:fixed;right:calc(3vw + 60px);top:calc(3vw + 12px)}@media only screen and (max-width: 800px){#mainnav{display:none}#mobilenav{display:block}#navicon{display:block;background-image:url("../menublack.png");background-repeat:no-repeat;background-size:contain;width:46px;height:46px;position:fixed;right:3vw;top:3vw}#navicontext{display:block}#main-area{background-image:url("../backgroundvert.jpg") !important}#middlepane{width:80vw !important;left:10vw !important}#leftpane{width:10vw !important;left:0 !important}#rightpane{width:10vw !important;left:90vw !important}}#main-area{-webkit-overflow-scrolling:touch;background-image:url("../background.jpg");background-repeat:no-repeat;background-size:cover;background-position:50% 66%;padding:0 7vw 0 7vw;margin:auto;text-align:center;overflow:hidden;position:fixed;width:100%;height:100%}#main-area #leftpane{width:27vw;height:100vh;transition:0.3s;position:absolute;left:7vw;transition:0.5s}#main-area #middlepane{padding:100px 2% 2% 2%;width:27vw;height:100vh;position:absolute;left:34vw;transition:0.5s}#main-area #rightpane{width:27vw;height:100vh;position:absolute;left:61vw;transition:0.5s}#aboutpic{position:absolute;visibility:hidden;opacity:0;transition:visibility 0.05s, opacity 0.35s linear;height:50vh;width:100%;top:99vh;left:0px;background-image:url("../aboutpic.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;transition:1s}.title{font-family:'Major Mono Display', monospace;font-weight:100;font-size:36px;color:#333333;height:100px}.dud{color:#aaaaaa}body{height:100vh;overflow:hidden;margin:0px}