body{margin:5px 0 0 5px}h1{font-family:'roboto', monospace;font-size:30px;font-weight:600;color:#555555}p{font-family:'open sans';font-size:20px;color:#000000;text-align:justify}#writeup{color:black;text-decoration:underline;position:relative;bottom:10px}#github{text-decoration:none}nav a{z-index:50;display:block;font-family:'B612 Mono', monospace;font-size:20px;font-weight:600;color:#111111;text-decoration:none;width:150px;text-align:center;transition:1s}nav a:hover{text-decoration:underline;cursor:pointer;color:#aaaaaa}nav #navhome{text-decoration:none;font-size:24px;font-weight:800;cursor:pointer;position:fixed;left:25px;bottom:23px}nav #navabout{color:#333333;text-decoration:none;cursor:pointer;position:fixed;left:225px;bottom:25px}nav #navprojects{text-decoration:underline;cursor:pointer;position:fixed;left:375px;bottom:25px}nav #navphotos{cursor:pointer;position:fixed;left:525px;bottom:25px}nav #navbackground{z-index:2;width:100vw;height:63px;border-top:1px solid #dddddd;position:fixed;bottom:0px;left:0px;background-color:#ffffff}#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{cursor:pointer}#mobilenav #mobilenavabout{cursor:pointer}#mobilenav #mobilenavprojects{text-decoration:underline !important;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:black;z-index:3;position:fixed;right:calc(3vw + 60px);top:calc(3vw + 12px)}#mobilenavbackground{display:none}@media only screen and (max-width: 800px){body{margin:0 !important;height:calc(100vh - 70px) !important}nav{display:none}#mobilenav{display:block}#mobilenavbackground{display:block;height:70px}#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{overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch}#gallery{display:block !important;height:auto !important;white-space:normal !important}.frame{height:auto !important;width:100% !important;margin:0 !important}.frame h1{margin:5% !important}.frame p{margin:5% !important}.frame a{margin:5% !important}.frameseperator{height:30px !important;width:auto !important;display:normal !important}}#main-area{height:calc(100vh - 70px);overflow-y:auto}#gallery{height:100%}.frame{margin:0.5% 2%;object-fit:contain;width:400px;float:left}.projectimagewide{display:block;margin-left:auto;margin-right:auto;width:100%}.projectimagetall{display:block;margin-left:auto;margin-right:auto;width:100%}.description{width:100%;height:350px;padding:15px;text-align:center;white-space:normal}.logolink{width:32px;cursor:pointer;opacity:0.7;transition:0.4s;margin:3px}.logolink:hover{opacity:0.4}