:root{--color-blue:#2a3468;--color-red:#621414;--color-cyan:#27554f;--color-purple:#603473;--color-fg:rgba(255, 255, 255, 0.9);--color-bg:#1d003a;--color-bg-hl:#622f71}*{box-sizing:border-box}body,html{margin:0;padding:0}html{font-size:10px;line-height:1.5}body{font-family:Helvetica,Arial,sans-serif;font-size:1.8rem;display:flex;flex-direction:column;align-items:center;background:var(--color-bg);color:var(--color-fg)}body a{color:#7dd}header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1000px;padding:2rem 2rem 1rem}header .logo-wrapper{display:flex;justify-content:center;align-items:center;width:100%;transform:rotatez(-7deg)}header .logo-wrapper a{text-decoration:none;color:#7dd;text-shadow:var(--color-bg-hl)4px 2px}header .logo-wrapper .logo{font-size:5.5rem;font-weight:700}header nav{margin-top:2rem}header nav a:not(:first-of-type){margin-left:5rem}@media screen and (min-width:568px){header{flex-direction:row}header .logo-wrapper{flex-direction:column;width:auto}header nav{margin-top:0}header nav a:not(:first-of-type){margin-left:3rem}}#TableOfContents{border:2px solid var(--color-bg-hl);padding:2rem}#TableOfContents ul{list-style:none;padding:0;margin:0}h1{font-size:4rem;text-align:center}h2{font-size:3rem}h1,h2{color:#7dd;text-shadow:var(--color-bg-hl)3px 2px}section.about{text-align:center}section.about h1{margin-bottom:0}section.about p{margin-top:0}section.posts{text-align:left}section.posts h2{text-align:center}.image-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.image-wrapper img{max-width:100%}.image-wrapper.dogs{max-width:640px;margin:0 auto}.image-wrapper.dogs img{width:50%}.bold{font-weight:700}.center{text-align:center}.my-photo{border-radius:50%;max-width:100%}.dogs-photo{max-width:100%;border-radius:10%}.post-list{width:100%;max-width:1000px;padding:1rem;text-align:left}.post-list-item:not(:last-of-type){margin-bottom:5rem}.post-list-item h3,.post-list-item p{margin:0}.post-list-item .title:not(:hover){text-decoration:none}.games-list-item:not(:last-of-type){margin-bottom:1rem}.games-list-item h2{text-align:center;margin:0}.games-list-item .title:not(:hover){text-decoration:none}.posts-container{width:100%;max-width:800px;padding:1rem}.posts-container h1{margin-bottom:0;text-align:left;font-size:3.5rem}.posts-container .post-date{font-size:1.5rem}.post-content{margin-top:5rem}.post-content code{background:#422560;padding:.2rem .5rem}.post-content pre{padding:2rem;overflow-x:auto;background-color:#422560!important}.post-content pre code{padding:0;background:0 0}.games-container canvas{background-color:#000;max-height:100vh}.games-container #canvas-wrapper{display:flex;align-items:center;justify-content:center}.games-container h1{margin-bottom:0}.games-container p{margin:0;text-align:center}.games-container p:last-of-type{margin-bottom:1rem}#resume{padding:0 2rem 2rem}#resume ul{padding-left:2rem}#resume .flex-container{display:flex;flex-wrap:wrap;gap:2rem}#resume .skills-container{flex-basis:290px}#resume .skills-container section{background-color:rgba(255,255,255,.1);padding:1rem;border-radius:10px}#resume .skills-container section ul{margin:0}#resume .xp-container{flex-basis:500px;flex-grow:1}#resume .xp-container section{background-color:rgba(255,255,255,.1);padding:1rem;border-radius:10px}#resume .xp-container section:not(:last-of-type){margin-bottom:2rem}#resume .xp-container section .job-details{display:flex;flex-direction:column}