@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}p{margin:0}.about,.container,.footer,.jumbo,.nav,.portfolio,.resume,.resume h4,body,html{margin:0}.container,.jumbo-content,.modal-content{margin:auto}p{padding:.5rem}.about h1,.portfolio h1,.resume h1{margin:0;padding:6rem 1rem 2rem 1rem}.nav{padding:0 1.62rem}.nav a{padding:1.62rem}.footer{padding:.5rem 1.62rem}.container{padding-bottom:2.5rem;top:0}.jumbo .container{padding-top:5%}.container button{padding:.05rem .1rem}.middle-link{bottom:0}.about-content,.full-col,.half-col,.left-col,.modal-content,.portfolio-content,.quarter-col,.resume-content,.right-col{padding:1rem}.modal-x{padding:0 .6rem}.nav{position:fixed;z-index:10}.nav a,.nav a img{vertical-align:middle}.about,.container,.jumbo,.portfolio,.resume{position:relative}.about-content,.portfolio-content,.resume-content{position:relative}.middle-link{position:absolute}.modal{position:fixed;top:0;left:0;z-index:5}.modal-content{position:relative;top:3.2rem;z-index:6}.modal-x{position:absolute;top:1rem;right:1rem}body,html{width:100%;height:100%}h4{font-size:1.1rem;font-weight:700}.dropdown-content{display:none}.nav{width:100%}.nav a{display:inline-block}.nav a img{height:3rem}.jumbo{height:100%}.jumbo .container{display:flex;height:80%}.container{width:80%;overflow-y:hidden}.right{width:1%}.about-content,.modal,.portfolio-content,.resume-content{bottom:0;overflow-y:auto}.about-content::-webkit-scrollbar,.portfolio-content::-webkit-scrollbar{display:none}.middle-link{width:100%}.modal{display:none;width:100%;height:100%}.modal-content{width:80%}.chevron{width:1em}.dropdown-content,.nav{background-color:#01579b}.nav .nav-left .active{background-color:#004c8c;padding-bottom:1.42rem;border-bottom:.2rem solid #e1f5fe}.container button{background-color:#e3f2fd}.jumbo{background-color:#111;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(images/bg-vtn.svg)}.about h1,.portfolio h1,.resume h1{background-color:#222}.about,.portfolio,.resume{background-color:#111}.about-content,.portfolio-content,.resume-content{background-color:#333}.footer{background-color:#333}.modal{background-color:#000a}.modal-content{background-color:#444}body,html{font-family:Lato,sans-serif;color:#fff}.nav{font-size:1rem}.jumbo h1,.jumbo h3{text-align:center}.right{text-align:right}.footer{color:#fff}a{text-decoration:none}.nav a{color:#fff}.container a,.modal a{color:#80d8ff;text-align:center}ul li,ul li a{padding:.5rem}.container button{padding:.5rem 1.62rem;border:0;font-size:1rem;background-color:#80d8ff;transition:.2s}.middle-link{background-color:#1111;font-size:2rem;text-align:center;transition:.2s}.project-link-icon img{width:1rem}.modal-x{font-size:2rem}.footer a{color:#e3f2fd}a:focus,a:hover{text-decoration:underline;cursor:pointer}.nav a:focus,.nav a:hover{background-color:#0277bd;text-decoration:none;transition:.1s}.container button:focus,.container button:hover{background-color:#fff;transition:.1s}.middle-link:focus,.middle-link:hover{background-color:#fff4;transition:.1s}.modal-x:hover{background-color:#fff4;transition:.1s}.footer a:hover{color:#fff}.nav a:active{box-shadow:0 0 1rem 0 #0d47a1 inset}.container button:active{box-shadow:0 0 .5rem 0 #000 inset;border-color:#e3f2fd;outline:0}a:focus,button:focus{outline-style:none}table{width:100%;padding:1%}th{width:32%;padding:0!important}td{height:100%;width:16%}td ul{margin:.5rem 0}.left-col{width:75%}.right-col{width:25%;text-align:right}.quarter-col{width:25%}.half-col{width:50%}.modal-content{animation-name:fade-in;animation-duration:.4s}@keyframes fade-in{from{top:6rem;opacity:0}to{top:3.2rem;opacity:1}}