html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:#1f1f1f;font-family:Quantico,sans-serif}*{font-weight:lighter}i{display:inline-block;color:#d3d3d3;font-size:2.4rem;margin:0 20px}h1{font-size:clamp(40px,8vw,80px);color:#04f1fe;margin:0;line-height:100%}h2{font-size:clamp(30px,8vw,70px);color:#d8f749;margin:20px 0;line-height:100%}h3{font-size:1.5rem;display:inline;color:#d8f749;margin-right:10px}h4{font-size:2rem;display:inline;color:#d8f749;margin:0}@media screen and (max-width: 1050px){h4{font-size:1.6rem;display:inline;color:#d8f749;margin:0}}p{font-size:1.1rem;font-weight:700;margin:20px 0;color:#d3d3d3}@media only screen and (max-width: 700px){p{font-size:1rem;font-weight:700;margin:20px 0;color:#d3d3d3}}a{text-decoration:none}li{color:#04f1fe}.link-hover-effects{transition:.2s ease-in-out;cursor:pointer}.link-hover-effects:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#04f1fe}.reveal{position:relative;transform:translateY(150px);opacity:0;transition:1s all ease}.reveal.active{transform:translateY(0);opacity:1}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#4d4b4b;border:5px solid transparent;border-radius:9px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#01bfc9;border:5px solid transparent;border-radius:9px;background-clip:content-box}.sideNavButton{display:none;margin-right:20px;justify-self:end}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#1f1f1f;overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{width:200px;text-decoration:none;font-size:25px;color:#d3d3d3;display:block;padding:20px}.sidenav .closebtn{width:30px;position:absolute;top:0;right:25px;font-size:50px;margin-left:50px;padding:0}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}@media only screen and (max-width: 700px){.sideNavButton{display:block}}.grid{max-width:100vw;grid-gap:5px;margin:auto;display:grid;align-items:center;justify-items:center}.header{margin:0;padding:0;border-radius:5px;width:100%;display:grid;grid-auto-flow:column;justify-items:center;align-items:center;box-shadow:0 0 10px #000}nav{display:block;max-width:1200px;justify-self:end;margin-right:80px}@media only screen and (max-width: 700px){nav{display:none}}nav>a{display:inline-block;color:#d3d3d3;margin:10px}nav>.resume-link{margin:10px}.logo{padding:10px 0;max-width:70px;justify-self:start;margin-left:80px}@media only screen and (max-width: 700px){.logo{margin-left:20px}}.resume-link{justify-self:start;font-family:Quantico,sans-serif;font-size:1rem;color:#04f1fe;margin:10px 0;border-radius:5px;background-color:#0000;border:2px solid #04F1FE;padding:10px 18px}@media screen and (max-width: 700px){.resume-link{justify-self:center}}.hr-div{height:0;width:80%;max-width:400px;border:1px solid rgb(107,107,107);display:inline-block;margin:0}.main{padding:100px 80px;max-width:1080px;display:grid;align-items:center}section{display:grid;padding-top:50px;margin-bottom:100px}.intro{padding-top:0}@media only screen and (max-width: 700px){.main{padding:100px 20px}.main>section>h3{justify-self:center}.main>section>.hr-div{justify-self:center}}@media only screen and (max-width: 700px){.intro{text-align:center}}.intro>p{max-width:600px}.tech-stack-div{display:flex}.about>p{max-width:600px}.projects{display:grid;gap:10px 50px;grid-template-columns:1fr 1fr;justify-items:start}@media only screen and (max-width: 900px){.projects{grid-template-columns:1fr;justify-items:center}}.project-card{max-width:450px;display:flex;min-width:100px;grid-auto-flow:row;align-items:center;flex-direction:column;box-shadow:0 7px 30px #000;padding:30px;margin:30px 0 0;text-align:center}.project-image-container{width:100%;position:relative;display:flex;cursor:pointer;transition:.3s ease;box-shadow:0 7px 30px #000}.project-image-container>img{max-width:100%;height:auto}.project-image-overlay{z-index:100;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:40%;transition:.8s ease;background-color:#0c1600}.project-image-container:hover>a>.project-image-overlay{opacity:0}.project-image-container:hover{width:102%}.project-links{margin:30px 0 0}.contact{margin-bottom:20px}.faceCard{width:100%;display:grid;grid-template:1fr / 1fr 1fr;grid-gap:20px;justify-items:center;align-items:center;box-shadow:0 7px 30px #000;margin:30px 0 0}.faceCard>*{padding:20px}.faceCard-title{font-size:3rem}.faceCard img{height:250px}.faceCard div{text-align:left;justify-self:start}@media (max-width: 700px){.faceCard{gap:0;grid-template:auto auto /none}.faceCard div{text-align:center;justify-self:center}.faceCard-title{font-size:2.2rem}}