:root{--bg:#131111;--text:antiquewhite;--accent:#6c63ff;--accent-alt:#4a9eff;--card-bg:azure;--card-text:black;--muted:#ccc;--muted-dim:#888;--font-body:"Cambria", "Georgia", "Times New Roman", serif;--cube-size:300px;--cube-top:50px;--cube-depth:224px}*,:before,:after{box-sizing:border-box}html{font-size:100%}html,body{height:100%;min-height:100%}body{background-color:var(--bg);height:fit-content;color:var(--text);font-family:var(--font-body);text-align:center;margin:0}header{margin-top:2%;margin-bottom:5%;font-size:2rem}#wrapper{width:100%}img{width:100%;height:auto}.skip-link{background:var(--accent);color:#fff;z-index:100;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}#wrapD3Cube{z-index:-5;width:100%;height:500px;margin:10% auto 20px;display:block;position:absolute}#D3Cube{width:var(--cube-size);height:var(--cube-size);top:var(--cube-top);transform-style:preserve-3d;margin:auto;animation:50s ease-in-out infinite cubeRotation;position:relative;transform:rotateX(-22deg)rotateY(-38deg)rotate(0)}#D3Cube>div{width:var(--cube-depth);height:var(--cube-depth);opacity:.5;transform:var(--face-rotation) translateZ(var(--cube-depth));background-color:#0000bc;animation:50s ease-in-out infinite sidesColorChange;position:absolute;overflow:hidden}#side1{--face-rotation:rotateX(90deg)}#side2{--face-rotation:rotateY(-90deg)}#side3{--face-rotation:rotateY(0deg)}#side4{--face-rotation:rotateY(90deg)}#side5{--face-rotation:rotateY(180deg)}#side6{--face-rotation:rotateX(-90deg)}@keyframes cubeRotation{0%{transform:rotateX(45deg)rotateY(45deg)rotate(45deg)}25%{transform:rotateX(120deg)rotateY(120deg)rotate(0)}50%{transform:rotateX(0)rotateY(120deg)rotate(120deg)}75%{transform:rotateX(120deg)rotateY(0)rotate(120deg)}to{transform:rotateX(45deg)rotateY(45deg)rotate(45deg)}}@keyframes sidesColorChange{0%{background-color:#0000bc}25%{background-color:#1a7a59}50%{background-color:#3e0375}75%{background-color:#64020f}to{background-color:#0000bc}}.hamburger{cursor:pointer;z-index:10;background:0 0;border:none;padding:14px 16px;display:none;position:absolute;top:0;left:0}.hamburger span{background:var(--text);width:25px;height:3px;margin:5px 0;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}nav{width:100%;min-width:100%}nav ul{margin:0 2%;padding:0;list-style-type:none;overflow:hidden}nav li{float:left}nav li a,.dropbtn{color:#fff;text-align:center;cursor:pointer;background:0 0;border:none;padding:14px 16px;font-family:inherit;font-size:1rem;text-decoration:none;display:inline-block}nav li a:hover,nav li a:focus-visible,.dropbtn:hover,.dropbtn:focus-visible,.dropdown:hover .dropbtn{color:#000;background-color:#fff}li.dropdown{display:inline-block;position:relative}.dropdown-content{z-index:1;background-color:#f9f9f9;min-width:160px;display:none;position:absolute;box-shadow:0 8px 16px #0003}.dropdown-content a{color:#000;text-align:left;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover,.dropdown-content a:focus-visible{background-color:#f1f1f1}.dropdown:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content{display:block}.dropdown-content a.current-page{color:#fff;background:#878a8a}.dropdown-content a.see-all{color:#303030;background:#d4d4d4}li.nav-end{float:right}.activePage{border-bottom:3px solid #fff}.goUpAnchor{width:40px;height:40px;font-size:2rem;position:fixed;bottom:2%;right:2%}.goUpAnchor a{color:var(--text);text-decoration:none}.present{width:70%;max-width:1100px;margin:12% auto 0;padding:1%}.present h1,.present h2,.present p{margin:5%}.projects{flex-flow:wrap;justify-content:center;width:85%;margin:2% auto 0;display:flex}article{background-color:var(--card-bg);width:80%;max-width:40%;color:var(--card-text);border:1px solid;border-radius:4%;flex-flow:wrap;margin:1% auto 10%;padding:1%;display:flex;box-shadow:0 4px 8px #0003}.projects article{width:25%}.projects article img.narrow{width:40%}article p{width:80%;margin:1% auto}article p a{color:inherit;background-color:#fff}article p a:hover{color:red}article h2,article h3,article h4{width:100%;margin:2% 0}article code{background:#0000000f;border-radius:3px;padding:2px 5px}article pre{text-align:left;background:#0000000f;border-radius:4px;width:100%;padding:1em;overflow-x:auto}article.longform{text-align:left;max-width:50%}article.longform>*{width:100%}.skills-section{text-align:left;max-width:1100px;margin:5% auto 0;padding:2% 5%}.skills-section h2{text-align:center;margin-bottom:3%}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:2%;display:grid}.skill-category{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:15px}.skill-category h3{margin-bottom:10px;font-size:1em}.tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tag{color:var(--muted);background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:4px;padding:4px 10px;font-size:.8em;display:inline-block}article .tag{color:var(--card-text)}.timeline{max-width:800px;margin:40px auto;padding:20px 0;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent-alt), var(--accent));width:3px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{text-align:left;margin-bottom:35px;padding-left:50px;position:relative}.timeline-dot{background:var(--accent);border:3px solid var(--bg);border-radius:50%;width:18px;height:18px;position:absolute;top:5px;left:11px}.timeline-date{color:var(--muted-dim);margin-bottom:4px;font-size:.8em;display:block}.timeline-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 15px;transition:transform .2s}.timeline-content:hover{transform:translate(5px)}.timeline-content h3{margin-bottom:4px;font-size:1em}.timeline-content p{color:var(--muted);margin:2px 0;font-size:.9em}footer{z-index:1;text-align:left;height:fit-content;margin-bottom:2%;margin-left:2%;position:relative}footer a{color:var(--text)}footer img{width:20px;height:auto;margin-right:1%}@media only screen and (width<=800px){.projects article{width:40%;max-width:none}article.longform{max-width:80%}}@media only screen and (width<=768px){:root{--cube-size:120px;--cube-top:20px;--cube-depth:90px}.hamburger{display:block}nav ul{z-index:9;background-color:var(--bg);flex-direction:column;width:100%;margin-top:50px;display:none;position:absolute;top:0;left:0}nav ul.show{display:flex}nav ul li{float:none;width:100%}nav ul li a,.dropbtn{text-align:left;width:100%;padding-left:20px}.dropdown-content{width:100%;position:static}.dropdown-content a{padding-left:40px}li.nav-end{float:none}.present{width:90%;margin-top:20%}#wrapD3Cube{height:200px;margin-top:15%}.timeline:before{left:15px}.timeline-item{padding-left:40px}.timeline-dot{width:16px;height:16px;left:7px}}@media only screen and (width<=600px){.projects article{width:80%;min-width:50%;max-width:none}article.longform{max-width:90%}}@media (prefers-reduced-motion:reduce){#D3Cube,#D3Cube>div{animation:none}.timeline-content,.hamburger span{transition:none}}header h1{font-size:inherit;margin:0}.project-links{margin-top:3%}