*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text-color:#eae0dd;--page-background:#0f0f0f;--background-color:#151515;--secondary-background:#2a2a2a;--accent-color:#784b92;--accent-color-bright:#b16ed8}body{background-color:var(--page-background);color:var(--text-color);margin:0;padding:0;font-family:helvetica,arial,sans-serif;font-weight:100}h1,h2{font-family:Merriweather,serif;font-weight:400}a{color:var(--text-color);text-decoration:none}p{text-wrap:pretty;line-height:1.4rem}#particles-js{background-image:url();background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}#topmenu{z-index:99;justify-content:flex-end;align-items:center;gap:12px;width:100%;padding:16px 32px;display:flex;position:fixed;top:0}#topmenu a:hover{color:var(--text-color)}.nav-colored{background-color:var(--background-color);animation-name:fadeIn;animation-duration:1s;animation-delay:0s}@keyframes fadeIn{0%{opacity:0;top:-5em}to{opacity:1;top:0}}.nav-transparent{background-color:#25252500;animation-name:none;animation-duration:0s;animation-delay:0s}.wrapper{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}.header{justify-content:center;align-items:center;height:60vh;margin:0 auto;padding:0 20px;display:flex}@media screen and (width>=768px){.header{max-width:80%}}@media screen and (width>=1200px){.header{max-width:800px}}.head-content{text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid var(--accent-color);background-color:#3333;border-radius:8px;flex-direction:column;gap:20px;margin-top:6rem;padding:80px 40px 40px;display:flex}.head-content img{border:2px solid var(--secondary-background);border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;left:40px}.intro{flex-direction:column;gap:20px;display:flex}.intro p{margin:0;line-height:1.6rem}.content{background:var(--background-color);margin:0 auto;padding:40px;position:relative}.content-inner{flex-direction:column;gap:20px;margin:0 auto;padding-bottom:40px;display:flex}@media screen and (width>=768px){.content-inner{max-width:80%}}@media screen and (width>=1200px){.content-inner{max-width:800px}}.xp-item{flex-direction:column;gap:16px;display:flex}.xp-item--inner{flex-direction:column;gap:8px;margin-left:16px;display:flex}.xp-item--inner ul{flex-direction:column;gap:4px;padding-left:16px;display:flex}.xp-item--inner li{line-height:1.4rem}footer{flex-direction:column;align-items:center;margin-top:auto;padding:20px;display:flex}footer p{text-align:center;color:#b2afb0;margin:0;font-size:12px}