*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}body{font-family:"Noto Sans",sans-serif;background:#444;color:#fff;line-height:1.6;height:100vh;overflow:hidden}body#bg-img{background:url(../img/code1.jpg);background-attachment:fixed;background-size:cover}body#bg-img:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;background:rgba(68,68,68,0.9)}.btn,.btn-dark,.btn-light{display:block;padding:0.5rem 1rem;border:0;margin-bottom:0.3rem}.btn:hover,.btn-dark:hover,.btn-light:hover{background:#eece1a;color:#000}.btn-dark{background:#000;color:#fff}.btn-light{background:#c4c4c4;color:#333}h1,h2,h3{margin:0;font-weight:300}h1.heading-lg,h2.heading-lg,h3.heading-lg{font-size:6rem}h1.heading-sm,h2.heading-sm,h3.heading-sm{margin-bottom:2rem;padding:0.2rem 1rem;background:rgba(73,73,73,0.5)}a{color:#fff;text-decoration:none}header{position:fixed;z-index:2;width:100%}.text-secondary{color:#eece1a}.text-red{color:#e90808}main{padding:4rem;min-height:calc(100vh - 60px)}main#home h1{margin-top:20vh}main .svg-icons{margin-top:2rem}main .svg-icons .icon{width:2.7rem;height:2.7rem}main .svg-icons a{padding:0.4rem}main .svg-icons a:hover{color:#eece1a;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.footer-main{text-align:center;font-size:1.5rem;color:#fff}.about-info{display:-ms-grid;display:grid;grid-template-areas:'bioImage bio bio' 'work work work' 'job1 job2 job3';-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:3rem}.about-image{width:250px;height:250px;-ms-grid-row:1;-ms-grid-column:1;grid-area:bioImage;margin:auto;border-radius:50%;border:3px solid #eece1a}.work-history{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:work;text-transform:uppercase;font-size:1.5rem;font-weight:500}.bio{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:2;grid-area:bio;font-size:1.5rem}.job-card{background:#515151;border-bottom:#eece1a 3px solid;padding:1rem}.job-card h3{margin-bottom:1rem;font-size:2rem;letter-spacing:0.1rem}.job-card h6{font-weight:600;letter-spacing:0.1rem;margin-bottom:1rem;font-size:1.2rem}.job-1{-ms-grid-row:3;-ms-grid-column:3;grid-area:job3}.job-2{-ms-grid-row:3;-ms-grid-column:2;grid-area:job2}.job-3{-ms-grid-row:3;-ms-grid-column:1;grid-area:job1}.boxes{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem}.boxes div{font-size:2rem;border:3px solid #fff;padding:1.5rem 2.5rem;margin-bottom:3rem;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.boxes div:hover{padding:0.5rem 1.5rem;background:#eece1a;color:#fff}.boxes div:hover span{color:#000}.boxes div:hover svg{color:#333}.contact-icon{width:1.25em;height:1.25em;vertical-align:-.125em}.menu-btn{position:absolute;z-index:3;right:3.5rem;top:3.5rem;cursor:pointer;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.menu-btn .btn-line{width:2.8rem;height:0.3rem;margin:0 0 5px 0;background:#fff;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.menu-btn.close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-btn.close .btn-line:nth-child(1){-webkit-transform:rotate(45deg) translate(5px, 5px);transform:rotate(45deg) translate(5px, 5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px, -6px);transform:rotate(-45deg) translate(7px, -6px)}.nav{position:fixed;top:0;width:100%;opacity:0.9;visibility:hidden}.nav.show{visibility:visible}.nav-branding,.nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}.nav-list{list-style:none;margin:0;padding:0;background:#373737;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.nav-list.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.nav-branding{background:#444;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.nav-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.nav-branding .portrait{width:250px;height:250px;background:url("../img/portrait_copy.png");background-size:cover;position:relative;border-radius:50%;border:solid 3px #eece1a}.nav-item{-webkit-transform:translate3d(600px, 0, 0);transform:translate3d(600px, 0, 0);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.nav-item.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.nav-item.current>a{color:#eece1a}.nav-link{display:inline-block;position:relative;font-size:3rem;text-transform:uppercase;padding:1rem 0;font-weight:300;color:#fff;text-decoration:none;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.nav-link:hover{color:#eece1a}.nav-item:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}.nav-item:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.nav-item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}.nav-item:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}.projects{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:2rem;font-size:2rem}.projects img{width:100%;height:25rem;border:3px solid #fff}.projects img:hover{opacity:0.5;border-color:#eece1a;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.projects-icon{width:2rem;height:2rem;vertical-align:-.125em}@media screen and (min-width: 1171px){.projects{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 769) and (max-width: 1170px){.projects{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}main .heading-lg{line-height:1;margin-bottom:1rem}.nav-list{height:75vh;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.nav-branding{height:25vh;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.nav-branding .portrait{width:150px;height:150px}.nav-list,.nav-branding{float:none;width:100%;min-height:0}.nav-list.show,.nav-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.about-info{grid-template-areas:'bioImage' 'bio' 'job1' 'job2' 'job3';-ms-grid-columns:1fr;grid-template-columns:1fr}.projects{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 500px){main#home h1{margin-top:10vh}.projects{-ms-grid-columns:1fr;grid-template-columns:1fr}}