:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{width:100%;margin:0 auto;text-align:center;display:flex;background-color:#322841;background-image:url(/assets/void_cat_2_empty_background-GjjMdM37.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover}#content{float:right;text-align:left;padding:0;min-height:calc(100vh - 6rem);margin:2rem;max-width:80vw}div.divider{height:30px;width:100%;margin:0}button:hover{cursor:pointer}@media only screen and (max-width: 600px){#root{display:inline}#content{position:relative;float:none;margin:1rem}}div#menu{background-color:#dcdcdc;margin-left:1rem;top:0;position:sticky;padding:20px;height:calc(100vh - 2rem);width:200px}div#menu img{aspect-ratio:1;max-width:200px;border-radius:50px;border:#411d31 2px groove}div#menu button{width:100%;padding:10px;margin-top:5px;margin-bottom:5px;background-color:#ececec;border-color:#411d31;border-width:2px}div#menu button:hover{background-color:#e9d7e1}@media only screen and (max-width: 600px){div#menu{margin:0;position:sticky;top:0;padding:10px;height:2rem;width:calc(100vw - 30px);display:flex;flex-direction:row;justify-content:space-between;z-index:100;background-color:#ececec}div#menu img{display:none}div#menu div#nav{display:flex;flex-direction:row;justify-content:space-evenly}div#menu h1{font-size:large;height:1.9rem;margin:auto auto auto 0}div#menu button{max-width:100%;height:1.9rem;margin:auto auto auto 5px;border-color:#0000;border-bottom:#411d31 2px groove;border-width:2px;padding:5px}div#menu button:hover{background-color:#e9d7e1}}div.section{display:block;border:2px #411d31 solid;padding:20px;background-color:#dcdcdcea;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover}h1.sectionTitle{position:sticky;top:0;width:100%;padding-left:30px;margin-top:0;margin-left:-30px;background-color:#0eaf9b;background-blend-mode:hard-light}.rainboww:hover{color:#7fff00}.rainboww{animation:color-change 2s infinite}@keyframes color-change{0%{color:red}33%{color:#0f0}66%{color:#00f}}@media only screen and (max-width: 600px){h1.sectionTitle{position:sticky;top:2rem;width:100%;margin:-10px;padding:0 10px;background-color:#0eaf9b;background-blend-mode:hard-light}div.section{width:85vw;padding:10px}}div.projWidget{width:400px;height:300px;border:2px solid #30e1b9;padding:20px;display:block;flex-direction:column;justify-items:center;margin:10px;background-color:#e7edf0}div.projWidget img{max-width:350px;justify-self:center}div.projWidget h3,div.projWidget p{margin:0}div.projWidget p.projSource{float:left}div.projWidget p.projTry{float:right}div#projGallery{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}@media only screen and (max-width: 600px){div.projWidget{width:100%;height:75%;border:2px solid #30e1b9;display:block;flex-direction:column;justify-items:center;margin:10px;background-color:#e7edf0}div.projWidget img{max-width:100%;justify-self:center}}div.experienceWidget{padding:10px}div.experienceWidget ul,div.experienceWidget h3,div.experienceWidget h4,div.experienceWidget p{margin:0}div.experienceWidget div.left{float:left}div.experienceWidget div.right{float:right}