@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700;900&display=swap");body,html{padding:0;margin:0;overflow:overlay;scroll-behavior:smooth}a{color:inherit;text-decoration:none;cursor:pointer}*{box-sizing:border-box;font-family:Nunito Sans,sans-serif}.container{min-height:100vh;padding:0 .5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.block{display:block}.inline{display:inline-block}#about{padding-top:100px}#about p{margin-left:20%;margin-right:20%}#main{margin-top:10%;margin-bottom:10%}#hello{display:inline;font-size:1.5em;font-weight:900;color:#c66403}.group{font-size:.7em;font-weight:400}h2{color:#c66403;font-size:2em;font-weight:900;padding-top:5%;margin:8% 20% 1%}h3{color:#4d2b43;font-size:1.7em;display:relative}h3,h4,li,p{margin-left:25%;margin-right:25%}h4,li,p{font-size:1.3em}.repo-login{font-size:.9em;font-weight:700;color:#4d2b43}.details{margin-left:25%;margin-right:25%;color:#4d2b43;font-weight:400;font-size:1.05em;cursor:pointer}.repo{margin-left:26%;font-weight:700;font-size:1.2em}#main a:hover,.repo{color:#669999}.repo:hover{color:#c66403!important}#projects ul{list-style:none}#projects ul li:before{content:"\2022";font-weight:700;display:inline-block;width:1em;margin-left:-1em;color:#669999}.top-anchor{padding-top:60px;margin-top:-60px;-webkit-background-clip:content-box;background-clip:content-box}.project-anchor,.skill-anchor{padding-top:20px;margin-top:-100px;-webkit-background-clip:content-box;background-clip:content-box}.italic{font-style:italic;font-size:1.2em;font-weight:400}.flush{padding-top:0}.flush,.less-flush{margin-top:0;padding-bottom:0;margin-bottom:0}.less-flush{padding-top:10px}.even-less-flush{padding-top:30px;margin-top:0;padding-bottom:0;margin-bottom:0}.offset{padding-left:15px}#bot-border{border:3px solid #fbcc32;height:286px;border-radius:1px}#bot-play{width:100%;margin-top:1%;margin-bottom:1%;position:relative;z-index:-1;display:flex;justify-content:center}.mobile-hide{z-index:1}.graph-wrapper{position:relative;max-width:800px;height:300px;margin-top:10px;margin-left:25%;margin-right:25%;z-index:1}.graph{display:flex;z-index:1}.graphLabel{height:100%;width:12%;font-weight:700;font-size:1.3em}.bar-lines-container{position:absolute;width:88%;height:100%;display:flex;flex-direction:column;z-index:1}.bar-holder{display:flex;flex-direction:row;z-index:1}.bar{height:50px;background:#669999;border-radius:5px 25px 25px 5px;border-bottom:1px solid #fbcc32;border-right:1px solid #fbcc32;margin-top:5px;margin-left:60px;padding:10px;color:#fbcc32;z-index:2;position:relative}.tech-projects{display:none;width:450px;position:absolute;margin-left:-400px;text-align:end}.tech-projects ul{list-style:none;margin:22px 0 0;width:500px!important}.tech-projects li{font-size:1em;color:#4d2b43;padding:0;margin:2px 30px 0 0;font-weight:700}.project-glyph{color:#c66403;margin:15px 0 0 320px;font-size:1.5rem;width:20px!important;position:absolute;padding:none}.bar-holder:hover{cursor:pointer}.bar-holder:hover>.tech-projects{display:flex!important;flex-direction:row;justify-content:flex-end;z-index:2!important}.carousel{display:flex;justify-content:space-between;align-items:center;margin-left:22%;margin-right:22%}.image-slide{height:40.5vh;width:85vh;padding:0;margin:1%;border-radius:1px;z-index:-1}.slide-arrow:hover{color:#669999!important}.slide-arrow.right{right:1rem}.slide-arrow.left{left:1rem}nav{background:#669999;margin:0;position:fixed;width:100vw;z-index:3}#nav-links{display:flex;justify-content:space-between;align-items:center;margin-left:2%;margin-right:6%;padding:.2%;color:#fbcc32;font-weight:700;font-size:1.4em}nav p{margin-left:0;margin-right:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.desktop-nav{display:block}.non-hash{font-size:1.3em}.non-hash:hover,nav a:hover{color:#4d2b43}#logo:hover{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}#footer{background:#4d2b43;display:flex;justify-content:space-between;align-items:center;font-size:.9em}#footer,#footer h2{color:#c66403}#footer a,#footer p{color:#c66403;font-weight:700}#footer a:hover{color:#669999}#contact,#personal{margin:2.5%}#contact{font-size:1.3em}.flush-foot{padding:0;margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#fbcc32;border-radius:8px}@media screen and (min-width:768px){.mobile-nav{display:none!important;width:0}.mobile-break{display:none}}@media screen and (max-width:767px){body,html{padding:0;margin:0;overflow:overlay;width:100%}.top-anchor{padding-top:150px;margin-top:-150px;-webkit-background-clip:content-box;background-clip:content-box}.skill-anchor{z-index:-1}.project-anchor,.skill-anchor{padding-top:80px;margin-top:-80px;-webkit-background-clip:content-box;background-clip:content-box}#about{margin-top:1px}#future-flex{display:flex;justify-content:space-between;align-items:center;margin:5px 5px 2px 10px;padding:.2%}#nav-links{position:relative;display:inline}.hamburger{display:flex;justify-content:flex-end;margin-right:20px;z-index:1;position:relative;width:100px}.desktop-nav{display:none!important}#mobile-links>ul{-webkit-padding-start:3%;padding-inline-start:3%}.menuNav{overflow-y:scroll;list-style:none;position:fixed;height:100vh;width:0;max-width:100vw}.menuNav.showMenu{display:block;width:100vw;height:30vh;background:#669999;color:#fbcc32;margin-top:0;margin-bottom:0;box-shadow:0 1px 20px 0 rgba(102,153,153)}.menuNav a{margin-top:10px;display:block;text-align:center;text-decoration:none;font-weight:700;font-size:1em}.menuNav li:first-child{margin-top:5%}#about p,h2{margin-left:5%;margin-right:5%}h2{font-size:1.7em;font-weight:900;padding-top:5%;margin-bottom:1%}.det-link,h3,h4,li,p{margin-left:5%;margin-right:5%}#lang-specs{margin-left:8%;margin-right:8%;padding:0}.mobile-hide{display:none}.project-container{margin-bottom:5%;font-size:.9em}.carousel{height:25vh}.details{width:80%;margin-left:5%;margin-right:5%}.bottom{margin-bottom:5%}.carousel{margin-left:1%;margin-right:1%}.image-slide{padding:0}#footer{font-size:12px;width:100vw;height:20vh;align-items:center;justify-content:space-around;padding-top:8%;padding-bottom:8%}#personal{font-size:1.2em}#contact a{border:2px solid #669999;padding:1.5px;margin:2px;color:#669999;display:block;text-align:center;border-radius:3px}}