.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;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu-btn{position:absolute;z-index:3;right:35px;top:35px;cursor:pointer;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu-btn .btn-line{width:28px;height:3px;margin-bottom:5px;background:#fff;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-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)}.menu{position:fixed;top:0;width:100vw;opacity:1;visibility:hidden}.menu.show{visibility:visible}.menu-branding,.menu-nav{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}.menu-nav{margin:0;padding:0;background:#373737;list-style:none;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu-nav.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-branding{background:#444;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-branding .portrait{width:250px;height:250px;background-image:url("../img/profile-image.jpg");background-size:cover;border-radius:50%;border:solid 3px #eece1a}.menu .nav-item{-webkit-transform:translate3d(600px, 0, 0);transform:translate3d(600px, 0, 0);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu .nav-item.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu .nav-item.current>a{color:#eece1a}.menu .nav-link{display:inline-block;position:relative;font-size:30px;text-transform:uppercase;padding:1rem 0;font-weight:300;color:#fff;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.menu .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}#about .about-info{display:-ms-grid;display:grid;grid-gap:30px;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;grid-template-areas:'bioimage bio    bio' 'job1     job2   job3'}#about .about-info .bio-image{width:250px;-ms-grid-row:1;-ms-grid-column:1;grid-area:bioimage;margin:auto;border-radius:50%;border:solid 3px #eece1a}#about .about-info .bio{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:2;grid-area:bio;font-size:1.5rem}#about .about-info .job-1{-ms-grid-row:2;-ms-grid-column:1;grid-area:job1;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#about .about-info .job-2{-ms-grid-row:2;-ms-grid-column:2;grid-area:job2;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#about .about-info .job-3{position:relative;-ms-grid-row:2;-ms-grid-column:3;grid-area:job3;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#about .about-info .job{background-color:#515151;padding:0.5rem;border-bottom:#eece1a 5px solid}#about .about-info .job p{font-size:1.3rem}#about .icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#about .icons a{text-shadow:none}#about .icons .icon-btn{position:relative;display:block;text-align:center;width:60px;height:60px;margin:0.8rem;border-radius:50%;padding:6px;-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.3);box-shadow:0 10px 15px rgba(0,0,0,0.3);background:-webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));background:linear-gradient(0deg, #ddd, #fff);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#about .icons .icon-btn:hover{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);box-shadow:0 2px 5px rgba(0,0,0,0.3);border:solid 3px #eece1a}#about .icons .icon-btn .fab{width:100%;height:100%;display:block;background:-webkit-gradient(linear, left bottom, left top, from(#fff), to(#ddd));background:linear-gradient(0deg, #fff, #ddd);border-radius:50%;line-height:calc(60px - 12px);font-size:24px;color:#262626;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#about .icons .icon-btn .fab.fa-twitter:hover{color:#00aced}#about .icons .icon-btn .fab.fa-facebook:hover{color:#3b5998}#about .icons .icon-btn .fab.fa-linkedin:hover{color:#007bb6}.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;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.modal-project{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);border:4px solid #eece1a;border-radius:10px;z-index:5;background-color:#fff;color:#000;width:500px;max-width:80%;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.modal-project .modal-header{padding:0.8rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #000}.modal-project .modal-header .title{font-size:1.25rem;font-weight:bold}.modal-project .modal-header .close-button{cursor:pointer;border:none;outline:none;font-size:2rem;font-weight:bold;background:none}.modal-project .modal-body{padding:0.8rem 1rem}.modal-project.active{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}#overlay{position:fixed;opacity:0;top:0;left:0;bottom:0;right:0;z-index:4;background:rgba(0,0,0,0.9);pointer-events:none;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#overlay.active{opacity:1;pointer-events:all}.projects{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-gap:0.7rem}.projects img{width:100%;height:25vh;border:solid 3px #fff}.projects img:hover{opacity:0.5;border-color:#eece1a;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#project .icons{position:relative;text-align:center}.btn-dark{background:#000;color:#fff}.btn-light{background:#c4c4c4;color:#fff}#contact .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}#contact .boxes div{font-size:2rem;border:solid 3px #fff;padding:1.5rem 2.5rem;margin-bottom:3rem;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#contact .boxes div:hover{padding:0.5rem 1.5rem;background:#eece1a;color:#000}#contact .boxes div:hover span{color:#000}#contact .icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#contact .icons .icon-btn{display:inline-block;padding:1.5rem 1.5rem;width:5rem;height:5rem;background:#f1f1f1;margin:10px;border-radius:30%;-webkit-box-shadow:0 5px 15px -5px #00000070;box-shadow:0 5px 15px -5px #00000070;color:#3498db;overflow:hidden;position:relative;text-shadow:none}#contact .icons .icon-btn i{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#contact .icons .icon-btn:hover{border:solid 2px #eece1a}#contact .icons .icon-btn:hover i{-webkit-transform:scale(1.4);transform:scale(1.4);color:#f1f1f1}#contact .icons .icon-btn::before{content:"";position:absolute;width:120%;height:120%;background:#3498db;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:-110%;top:90%}#contact .icons .icon-btn:hover::before{-webkit-animation:aaa 0.7s 1;animation:aaa 0.7s 1;top:-10%;left:-10%}@-webkit-keyframes aaa{0%{left:-110%;top:90%}50%{left:10%;top:-30%}100%{top:-10%;left:-10%}}@keyframes aaa{0%{left:-110%;top:90%}50%{left:10%;top:-30%}100%{top:-10%;left:-10%}}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{background-color:#444;color:#fff;height:100vh;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height:1.5}body#bg-image{background:url("../img/background.jpg");background-attachment:fixed;background-size:cover}body#bg-image::after{content:'';position:absolute;top:0;right:0;width:100vw;height:100vh;background:rgba(68,68,68,0.7);z-index:-1}h1,h2,h3{font-weight:400}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:6rem}h1.sm-heading,h2.sm-heading,h3.sm-heading{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}main{padding:4rem;min-height:calc(100vh - 60px)}main .icons{margin-top:1rem;text-shadow:5px 5px 10px blue}main .icons a{padding:0.4rem;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}main .icons a:hover{color:#eece1a;text-shadow:5px 5px 10px #eece1a}main#home{overflow:hidden}main#home h1{margin-top:20vh}#main-footer{text-align:center;padding:1rem;background:#2b2b2b;color:#fff;height:60px}@media screen and (min-width: 769px) and (max-width: 1170px){.projects{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}#about .lg-heading{font-size:4rem}#about .about-info{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-template-areas:'bioimage bio' 'job1     job1' 'job2     job3'}}@media screen and (max-width: 768px){main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}main .lg-heading{line-height:1;margin-bottom:1rem}ul.menu-nav,div.menu-branding{float:none;width:100%;min-height:0}ul.menu-nav.show,div.menu-branding.show{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-nav{height:75vh;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);font-size:24px}.menu-branding{height:25vh;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.menu-branding .portrait{max-width:25%;max-height:70%;background-size:100% 100%}#about .lg-heading{font-size:4rem}#about .about-info{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:'bioimage' 'bio' 'job1' 'job2' 'job3'}.projects{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 500px){main#home h1{margin-top:10vh;line-height:1.2}main#home h2{margin:2rem auto}#about .lg-heading{font-size:3rem}#project .lg-heading{font-size:4rem}#project .projects{-ms-grid-columns:1fr;grid-template-columns:1fr}}