:root{--bgColor:#eee;--headerHeight:50px;--mainFontColor:#252525}body,html{max-width:100%;overflow-x:hidden}body{background-color:var(--bgColor);margin:0;padding-top:var(--headerHeight);color:var(--mainFontColor);font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif}#banner{text-align:center;font-size:70px;font-weight:700;text-transform:uppercase}#banner .title{font-size:50px}li{line-height:1.5em}header{box-sizing:border-box;padding:0 20px;background-color:var(--bgColor);position:fixed;top:0;width:100%;height:var(--headerHeight);display:flex;z-index:1;align-items:center}#logo{font-weight:700;font-size:28px;text-transform:uppercase;padding-top:7px;white-space:nowrap}footer{font-size:20px;margin-bottom:20px;text-align:center}nav{display:flex;justify-content:space-evenly;align-items:center;flex-grow:1;font-size:24px}#container{margin:0 auto;max-width:1200px;padding:0 100px}.navLink{cursor:pointer;display:block;padding:5px 10px;position:relative;transition:.5s}.navLink:after{position:absolute;content:"";top:100%;left:0;width:100%;height:3px;background:#545457;transform:scaleX(0);transform-origin:right;transition:transform .5s}.navLink.active:after{transform:scaleX(1);transform-origin:left}.contactMe{cursor:pointer;font-size:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;border:2px solid #000;color:#000;padding:20px 40px;background-color:unset}.sectionTitle{display:inline-block;font-size:60px;font-weight:600;margin-bottom:105px;border-bottom:1px solid #000;padding-bottom:4px}#contact,#experience,#summary{margin-bottom:225px}#banner,#contact{min-height:80vh}.project{margin-bottom:160px}.project:last-child{margin-bottom:0}.projectTitle{font-size:36px;font-weight:300}.projectName{font-size:45px;font-weight:600}.projectRole{font-size:36px;font-weight:300}.projectLinks,.projectStatus{margin-top:20px;font-size:20px}.projectTags{margin:5px 0;font-size:18px;color:#353535}.projectTag{display:inline-block;padding:4px 20px;background-color:#d9d9d9;border-radius:20px;margin:2px 12px 2px 2px}.projectImage{display:block;margin:0 auto;max-width:100%}#asl{font-style:italic;letter-spacing:.15px;font-size:16px;background-color:#d2d2d2;padding:0 4px}#contact_email,#contact_number,#contact_tag{font-size:45px;line-height:1.6em}#contact_email,#contact_number{font-weight:300}#contact_social{font-size:80px;color:var(--mainFontColor)}.iconLink:visited{color:inherit}.clickable{cursor:pointer}@media screen and (max-width:850px){#banner{font-size:60px}#banner .title{font-size:40px}.sectionTitle{font-size:50px}nav{font-size:20px}.navLink{padding:0 4px}#container{padding:0 40px}}@media screen and (max-width:600px){#container{padding:0 30px}#banner{font-size:55px}#banner .title{font-size:35px}.sectionTitle{font-size:40px}nav{font-size:18px}#logo{font-size:20px}.projectName{font-size:30px}.projectRole{font-size:24px}#contact_email,#contact_number,#contact_tag{font-size:35px}}@media screen and (max-width:480px){#container{padding:0 20px}#banner{font-size:50px}#banner .title{font-size:30px}.sectionTitle{font-size:40px}nav{font-size:18px}#logo{font-size:19px}header{padding:0 15px}.projectName{font-size:30px}.projectRole{font-size:24px}footer{font-size:16px}.project{margin-bottom:120px}}@media screen and (max-width:400px){header{padding:0 10px}#banner{font-size:45px}#banner .title{font-size:26px}.sectionTitle{font-size:35px}#logo,nav{font-size:16px}.projectName{font-size:24px}.projectRole{font-size:20px}footer{font-size:14px}#contact_email,#contact_number,#contact_tag{font-size:30px}#logo,nav{font-size:15px}}