@charset "UTF-8";.menu-btn{position:absolute;z-index:3;right:35px;top:35px;cursor:pointer;transition:all .5s ease-in-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px;background:#fff;transition:all .5s ease-in-out}.menu-btn.close{transform:rotate(180deg)}.menu-btn.close .btn-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.menu{position:fixed;top:0;width:100%;visibility:hidden}.menu.show{visibility:visible}.menu-branding,.menu-nav{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;float:left;width:50%;height:100vh;overflow:hidden}.menu-nav{margin:0;padding:0;background:#843705c7;list-style:none;transform:translate3d(0,-100%,0);transition:all .5s ease-in-out}.menu-nav.show{transform:translateZ(0)}.menu-branding{background:#6b2d04c7;transform:translate3d(0,100%,0);transition:all .5s ease-in-out}.menu-branding.show{transform:translateZ(0)}.menu-branding .portrait{width:250px;height:250px;background:url(/img/portrait1.png) no-repeat center center;border-radius:50%;border:solid 3px #52a7fe}.menu .nav-item{transform:translate3d(600px,0,0);transition:all .5s ease-in-out}.menu .nav-item.show{transform:translateZ(0)}.menu .nav-item.current>a{color:#52a7fe}.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;transition:all .5s ease-in-out}.menu .nav-link:hover{color:#52a7fe}.nav-item:nth-child(1){transition-delay:.1s}.nav-item:nth-child(2){transition-delay:.2s}.nav-item:nth-child(3){transition-delay:.3s}@media screen and (min-width: 1171px){.projects{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 769px) and (max-width: 1170px){.projects{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){main{align-items:center;text-align:center;padding:2rem 1rem;width:100%;max-width:100vw;box-sizing:border-box}main .lg-heading{line-height:1;margin-bottom:1rem;font-size:3rem}ul.menu-nav,div.menu-branding{float:none;width:100%;min-height:0}ul.menu-nav.show,div.menu-branding.show{transform:translateZ(0)}.menu-nav{height:65vh;transform:translate3d(-100%,0,0);font-size:24px}.menu-branding{height:35vh;transform:translate3d(100%,0,0)}.menu-branding .portrait{background:url(/img/portrait_small.png);width:150px;height:150px}.about-info{display:grid!important;grid-template-areas:"bioimage" "bio" "job1" "job2" "job3"!important;grid-template-columns:1fr!important;grid-gap:1.25rem;width:100%!important;max-width:100%!important}.about-info .bio-image{grid-area:bioimage!important;grid-column:1/-1!important;justify-self:center;width:100%;max-width:100%}.about-info .bio{grid-area:bio!important;grid-column:1/-1!important;width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.about-info .job-1{grid-area:job1!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.about-info .job-2{grid-area:job2!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.about-info .job-3{grid-area:job3!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.about-info .job{width:100%!important;max-width:100%!important;min-width:0!important;padding:clamp(.75rem,2vw,1.25rem);overflow-wrap:break-word;word-wrap:break-word}.tech-info{display:grid!important;grid-template-areas:"job1" "job2" "job3"!important;grid-template-columns:1fr!important;grid-auto-rows:auto;grid-gap:1.25rem;width:100%!important;max-width:100%!important}.tech-info .job-1{grid-area:job1!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.tech-info .job-2{grid-area:job2!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.tech-info .job-3{grid-area:job3!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.tech-info .job{width:100%!important;max-width:100%!important;min-width:0!important;padding:clamp(.75rem,2vw,1.25rem);overflow-wrap:break-word;word-wrap:break-word}.projects{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 500px){main#home h1{margin-top:10vh}.projects{grid-template-columns:1fr}}*{box-sizing:border-box}body{background:#6b2d04c7;color:#fff;height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;line-height:1.5;width:100%;max-width:100vw;overflow-x:hidden}body#bg-img{background:url(/img/cover-pic.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:#6b2d04cc}h1,h2,h3{margin:0;font-weight:600}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:.2rem 1rem;background:#75310480}a{color:#fff;text-decoration:none}header{position:fixed;z-index:2;width:100%}.text-secondary{color:#52a7fe}main{padding:4rem;min-height:calc(100vh - 60px);width:100%;max-width:100%;overflow-x:hidden}main .icons{margin-top:1rem}main .icons a{padding:.4rem}main .icons a:hover{color:#52a7fe;transition:all .5s ease-in-out}main#home{overflow:hidden}main#home h1{margin-top:20vh}.about-info{display:grid;grid-gap:30px;grid-template-areas:"bioimage bio bio" "job1 job2 job3";grid-template-columns:repeat(3,1fr);min-width:0;box-sizing:border-box;width:100%;max-width:100%}.about-info .bio-image{grid-area:bioimage;margin:auto;border-radius:50%;border:#52a7fe 3px solid;min-width:0;max-width:100%}.about-info .bio{grid-area:bio;font-size:1.5rem;min-width:0;overflow-wrap:break-word;word-wrap:break-word}.about-info .bio p{overflow-wrap:break-word;word-wrap:break-word}.about-info .job-1{grid-area:job1;min-width:0}.about-info .job-2{grid-area:job2;min-width:0}.about-info .job-3{grid-area:job3;min-width:0}.about-info .job{background:#843705c7;padding:1rem;border-bottom:#52a7fe 3px solid;box-shadow:7px 10px 12px -5px #0000008f;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.about-info .job p,.about-info .job ul{overflow-wrap:break-word;word-wrap:break-word}.tech-info{display:grid;grid-gap:30px;grid-template-areas:"job1 job2 job3";grid-template-columns:repeat(3,1fr);min-width:0;box-sizing:border-box;width:100%;max-width:100%}.tech-info .job-1{grid-area:job1;min-width:0}.tech-info .job-2{grid-area:job2;min-width:0}.tech-info .job-3{grid-area:job3;min-width:0}.tech-info .job{background:#843705c7;padding:1rem;border-bottom:#52a7fe 3px solid;box-shadow:7px 10px 12px -5px #0000008f;min-width:0;max-width:100%;box-sizing:border-box}.tech-info .job h3{margin-bottom:1rem;color:#52a7fe;overflow-wrap:break-word;word-wrap:break-word}.tech-info .job ul{list-style:none;padding:0;margin:0;overflow-wrap:break-word;word-wrap:break-word}.tech-info .job ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#ffffffe6;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.tech-info .job ul li:before{content:"▹";position:absolute;left:0;color:#52a7fe;font-weight:700}.projects{display:grid;grid-gap:2rem;grid-template-columns:repeat(2,1fr)}.projects img{width:100%;border:7px #fff solid;box-shadow:7px 10px 12px -5px #0000008f}.projects img:hover{transition:all ease .5s;transform:scale(1.1)}.boxes{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin-top:1rem}.boxes div{font-size:2rem;border:3px #fff solid;padding:1.5rem 2.5rem;margin-bottom:3rem;transition:all .5s ease-in-out}.boxes div:hover{padding:.5rem 1rem;background:#52a7fe;color:#000}.boxes div:hover span{color:#000}.btn,.btn-light,.btn-dark{display:block;padding:.5rem 1rem;border:0;margin-bottom:.7rem;box-shadow:7px 10px 12px -5px #0000008f}.btn:hover,.btn-light:hover,.btn-dark:hover{background:#52a7fe;color:#000}.btn-dark{background:#000000c7;color:#fff}.btn-light{background:#000000c7;color:#333}#main-footer{text-align:center;padding:1rem;background:#3a1802c7;color:#fff;height:70px}.tech-category{margin-bottom:4rem}.tech-category h2{font-size:2rem;margin-bottom:1.5rem;border-bottom:2px solid #52a7fe;display:inline-block;padding-bottom:.5rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4rem;justify-items:center}.tech-item{text-align:center}.tech-item img{width:80px;height:80px;object-fit:contain;margin-bottom:.5rem;transition:transform .3s ease}.tech-item img:hover{transform:scale(1.1)}.tech-item span{display:block;font-weight:600;color:#fff}.tech-logo{max-width:80%;height:auto;max-height:100px;display:block;margin:0 auto;object-fit:contain}.tech-icon{font-size:3rem;color:#fff;display:block;margin:0 auto 1rem;transition:transform .3s ease,color .3s ease}.tech-icon:hover{transform:scale(1.2);color:#52a7fe}