body{height:100vh;width:100vw;margin:0;padding:0;background-attachment:fixed;background-color:#6688ef;overflow-x:hidden}.shadow{box-shadow:5px 5px 2.5px #3a415680}.hide{display:none!important}.p5Canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}h1{font-family:Space Mono,monospace}p{font-family:Inconsolata,monospace}#aboutMeSection{width:80%;display:flex;flex-direction:column;justify-content:center;margin:0 auto;animation:fadeInAboutMe 1s}#profile{width:60%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:30px 10px}#profileTitle{font-size:4em;text-align:right}#profileText{text-align:right}.icons{width:50px}.seperator{border-bottom:2px solid white;width:50%;margin:auto}#profileImage{width:300px;border-radius:50%}#profileDescription{width:80%;margin:0 auto;padding:40px 10px;text-align:center;font-size:20px}@keyframes fadeInAboutMe{0%{opacity:0;margin-top:1vh}to{opacity:1;margin-top:0}}@media only screen and (max-width: 1000px){#profile{flex-direction:column}#profileImage{width:80%}#profileTitle{font-size:2em;text-align:center}#profileDescription{width:fit-content}#profileDescription p{padding:0}}#homepage-container{display:flex;align-items:center;height:90vh}@media only screen and (max-width: 1000px){#homepage-container{display:block;align-items:center}}#projectCard{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#6688ef33;width:35vw;padding:5px 10px 30px;margin:20px 10px;animation:fadeIn 1s;position:relative;border-radius:5px;cursor:pointer;border:1px solid rgb(58,65,86,.5)}.hideOverflow{overflow:hidden;height:fit-content}.expand{overflow:visible;height:fit-content}#showMoreBtn{display:flex;flex-direction:row;align-items:center}.projectImage{width:inherit;border-bottom:1px solid rgb(58,65,86,.5);border-top:1px solid rgb(58,65,86,.5);padding:10px 0}.videoLink{display:flex;flex-direction:row;align-items:center;height:1em}.videoLink a{display:flex;flex-direction:row;align-items:center;font-family:Inconsolata,monospace;color:#000;text-decoration:none}.videoLink a:hover{text-decoration:underline}.navImageArrows{display:flex;flex-direction:row;justify-content:space-between}.hideArrow{color:#1a1a1a33}.imageCount{text-align:center}.projectLinks{display:flex;flex-direction:row;justify-content:space-between;height:1em}.gotoLink{display:flex;flex-direction:row;align-items:center}.projectLinks a{color:#000;text-decoration:none;font-family:Inconsolata,monospace}.projectLinks a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;margin-top:30px}to{opacity:1;margin-top:20px}}@media only screen and (max-width: 1000px){#projectCard{width:90vw;height:fit-content}.projectLinks a{text-decoration:underline}.hideOverflow{height:30vh}}#projectList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#projectTitle{text-align:center;font-size:4em}@media only screen and (max-width: 1000px){#projectList{flex-direction:column;align-content:center}}#navBar{display:flex;flex-direction:row;justify-content:space-between}#navBar div{display:flex;flex-direction:row}#navBar-name{padding-left:30px}#navBar p{padding-right:50px}.navLink{color:#fff;text-decoration:none}.navLink:hover{color:#cecece;text-decoration:underline}.navLink:active,.active{color:#ff0}@media only screen and (max-width: 1000px){#navBar{justify-content:space-between;text-align:center}#navBar p{padding-right:10px}#navBar-name{padding-left:10px}}