:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}html{-ms-overflow-style:none;scrollbar-width:none}html ::-webkit-scrollbar{display:none}*{box-sizing:border-box;text-align:center}body{width:100vw;height:100vh;overflow:hidden!important;background:#141435 no-repeat center center fixed}.App{width:100vw;height:100vh;position:relative}@media screen and (max-width: 650px){.App .page{width:clamp(350px,90%,1500px)}}@media screen and (max-width: 400px){.App .page{width:clamp(350px,95%,1500px)}}a{text-decoration:none}.teal{color:#52cdfe}.top-right-nav>a{font-size:clamp(1rem,1.5vw,1.5rem)!important}#main{width:100%;font-family:Open Sans,sans-serif;color:#aaa5a5;overflow:hidden!important;display:flex;align-items:center;justify-content:center;height:90vh!important}#main .page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(350px,80%,1500px);height:100%}#main *{font-size:clamp(.9rem,1.1vw,1.2rem)!important}#main * h1{font-size:clamp(1.1rem,1.3vw,1.4rem)!important;font-family:Roboto Slab,serif;color:#52cdfe}#main * h2{font-size:clamp(1rem,1.2vw,1.5rem)!important;font-family:Roboto Slab,serif;color:#52cdfe}#main * .landing-title{font-size:clamp(1.5rem,2vw,2rem)!important}#main * .landing-subtitle{font-size:clamp(1.1rem,1.5vw,1.3rem)!important}#main * .landing-blurb{font-size:clamp(1.6rem,2.5vw,12.2rem)!important}#main>div>h1{width:100%;margin:0 auto}.top-nav{width:100%;background:-moz-linear-gradient(180deg,rgba(7,8,60,1) 0%,rgba(20,20,53,1) 100%);background:-webkit-linear-gradient(180deg,rgba(7,8,60,1) 0%,rgba(20,20,53,1) 100%);background:linear-gradient(180deg,#07083c,#141435);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#07083c",endColorstr="#141435",GradientType=1)}.top-nav-wrap{display:flex;justify-content:space-between;width:clamp(350px,80%,1500px);margin:0 auto;padding-top:2.5vh;padding-bottom:1.5vh}.top-nav-wrap .top-left-nav{display:flex;align-items:center;justify-content:center}.top-nav-wrap .top-left-nav img{width:15vw;margin:.6vh 0;margin-right:2vw}.top-nav-wrap .no-display-left{display:none}.top-nav-wrap .top-right-nav{display:flex;align-items:center;justify-content:center;font-weight:600}.top-nav-wrap .top-right-nav *{margin:0 .3vw;color:#aaa5a5;padding:.8vmin 1vmin;border-radius:4px}.top-nav-wrap .top-right-nav .active{border-radius:0;border-bottom:3px solid rgba(6,220,250,.5);color:#06dcfab3}.top-nav-wrap .top-right-nav a:hover{color:#06dcfab3}@media screen and (max-width: 650px){.top-nav-wrap .top-left-nav,.top-nav-wrap .top-right-nav .no-display{display:none}}@media screen and (max-width: 450px){.top-nav-wrap .top-right-nav *{margin:0 .2rem;padding:.7vmax .9vmax}}.top-nav-wrap .top-right-nav .resume-link{border:1.5px solid rgba(6,220,250,.5);color:#06dcfab3;margin-left:.5rem}.top-nav-wrap .top-right-nav .resume-link:hover{background-color:#06dcfa1a!important;color:#06dcfa}.side-nav{position:absolute;bottom:6vh;left:1.5vw;display:flex;flex-direction:column;width:5%}.side-nav a,.side-nav .a-tag{display:table;margin:2vh auto;width:clamp(1.5rem,4vw,2.5rem);height:clamp(1.5rem,4vw,2.5rem)}.side-nav a *,.side-nav .a-tag *{text-align:center;vertical-align:middle;width:90%;height:90%;color:#aaa5a5}.side-nav a:hover *,.side-nav .a-tag:hover *{height:100%;width:100%;color:#8fddfce6}@media screen and (min-width: 651px){.top-left-side-nav{display:none}}@media screen and (max-width: 650px){.top-nav{padding-top:.5rem}.side-nav{display:none}.top-nav .top-nav-wrap .top-left-side-nav{display:flex;justify-content:flex-end;margin-left:auto}.top-nav .top-nav-wrap .top-left-side-nav a,.top-nav .top-nav-wrap .top-left-side-nav .a-tag{display:flex;justify-content:center;align-items:center;margin-right:1rem;margin-left:.5rem}.top-nav .top-nav-wrap .top-left-side-nav a *,.top-nav .top-nav-wrap .top-left-side-nav .a-tag *{width:auto;color:#aaa5a5}.top-nav .top-nav-wrap .top-left-side-nav a:hover *{color:#8fddfce6}}.login-icon{display:none!important;height:2.8rem!important;width:2.8rem!important}.login-icon svg,.login-icon path{height:2.8rem!important;width:2.8rem!important;fill:#aaa5a5}#profile-menu>.MuiPopover-paper,#profile-menu .MuiMenu-list{background-color:#afafaf;border-radius:4px}#profile-menu .MuiMenu-list>li>a{color:#07083c}#profile-menu .MuiMenu-list>li:hover{background-color:#06dcfa4d}@media screen and (max-width: 650px){.top-nav-wrap .login-icon{display:initial!important}.top-nav-wrap .login-icon:hover{border-color:#aaa5a599}}.about-wrapper{margin-bottom:1.5rem;width:70%;color:#aaa5a5}.about-wrapper p{width:auto;margin-top:1rem;margin-bottom:.5rem;font-weight:600}.about-wrapper .left{text-align:start}.about-wrapper .center{text-align:center}.about-wrapper .right{text-align:end}.about-wrapper .landing-title{font-weight:500}.about-wrapper .landing-subtitle{margin-bottom:3rem}@media screen and (max-width: 600px){.about-wrapper{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-wrapper .left,.about-wrapper .right{text-align:center}}#projects{display:flex;flex-direction:column;align-items:center;justify-content:center}#projects>h2{color:#52cdfe;text-align:left;width:90%;margin-bottom:.5em}#projects>p{margin-left:auto;margin-right:auto}.project-cards-container{display:flex;flex-direction:column;align-items:center;gap:25px 50px;width:90%;height:100%;overflow-y:scroll;padding-bottom:3rem;padding-top:5rem}.project-cards-container .project-card{display:flex;width:90%;min-width:270px;padding:10px;border-radius:5px;background-color:#8fddfc1a;transition:all .2s ease-in-out}.project-cards-container .project-card .project-img-wrapper{width:250px;height:175px;border:3px solid rgba(170,165,165,.3);border-radius:5px}.project-cards-container .project-card .project-img-wrapper img{height:100%;width:100%;border-radius:2px}.project-cards-container .project-card .project-details{position:relative;width:100%;height:auto;padding:5px 10px;margin-left:5px}.project-cards-container .project-card .project-details #project-card-title{font-size:clamp(1.1rem,1.4vw,1.3rem)!important;font-weight:600;text-align:left;color:#fff;margin-top:12px;margin-bottom:12px}.project-cards-container .project-card .project-details .tech-container{display:flex;align-items:center;margin-bottom:12px}.project-cards-container .project-card .project-details .tech-container .tech-item{width:18px!important;height:18px!important;margin-right:10px}.project-cards-container .project-card .project-details .project-card-buttons{width:fit-content;margin:auto 0 0 auto}.project-cards-container .project-card .project-details .project-card-buttons a{padding:4px 8px;margin-left:10px;font-weight:500;color:#06dcfab3;border:1.5px solid rgba(6,220,250,.5);border-radius:5px}.project-cards-container .project-card .project-details .project-card-buttons a:hover{background-color:#06dcfa1a;color:#06dcfa}.project-cards-container .project-card .project-details #project-card-description{display:-webkit-box;text-align:left;overflow:hidden;width:100%;font-size:.9rem!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:1.5rem}.project-cards-container .project-card .project-details #project-card-description .inner{text-align:left}.project-cards-container .project-card .project-details #project-card-description .inner .project-card-buttons{display:none}@media screen and (max-width: 850px){.project-cards-container .project-card{flex-direction:column;width:270px}.project-cards-container .project-card .project-details{margin-left:auto}}.project-cards-container .project-card:hover{transform:scale(1.02)}#skills>div>h2{color:#8fddfccc;width:fit-content;text-align:left;margin-bottom:.5rem}#skills .skills-wrap{width:80%;overflow-y:auto;padding-top:3rem;padding-bottom:2rem}#skills .skills-wrap .skills-container{display:flex;flex-wrap:wrap;align-items:center;width:100%;padding:.8rem;background-color:#8fddfc1a;border-radius:.3rem;margin-bottom:1rem}#skills .skills-wrap .skills-container .skill-box{width:clamp(2.5rem,5vw,3.5rem)!important;height:clamp(2.5rem,5vw,3.5rem)!important;margin:.8rem 1rem;display:flex;flex-direction:column;align-items:center}#skills .skills-wrap .skills-container .skill-box svg,#skills .skills-wrap .skills-container .skill-box path{margin-bottom:.2rem;width:clamp(2.5rem,4.5vw,3.5rem)!important}.scroll-lock{overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}