*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Open Sans,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:dotted;text-decoration-line:underline}a:hover{text-decoration:underline}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}h1{margin-block:.67em;font-size:2em}body{background-color:#000;color:#fff;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"width" 100}#root{display:flex;flex-direction:column;min-height:100vh;height:100%;background-color:#000}.main-header{text-align:center;margin-bottom:1rem}.main-header h1{font-size:4rem;margin-bottom:0}.main-footer{text-align:center;color:gray;margin:.5rem 1rem}@media (min-width: 992px){.main-footer{max-width:60%;text-align:left}}.main-footer .powered-by{color:#fff}.main-footer .last-commit{color:#a4a4a4}.main-footer .last-commit a{text-decoration:dotted;text-decoration-line:underline}.main-footer .last-commit a:hover{text-decoration:underline}.main-footer .last-commit .update-desc{font-size:.9rem}.main-navigation-bar ul{list-style:none;display:flex;justify-content:center;padding-left:0;margin-top:0}.main-navigation-bar ul li a{padding:0 1rem;font-size:1.2rem;margin:.5rem;text-decoration:none;display:block;transition:.2s ease-in-out all;border-bottom:solid .1px white;opacity:.6}.main-navigation-bar ul li a.active,.main-navigation-bar ul li a:hover{opacity:1;box-shadow:0 2.5px #fff}.page{margin:0 1rem}.page .title{font-size:1.5rem;text-align:center}@media (min-width: 992px){.page{max-width:60%;margin:0 auto}}@media (min-width: 1200px){.page{max-width:40%;margin:0 auto}}@media (min-width: 2000px){.page{max-width:25%;margin:0 auto}}.about-page{text-align:center}.about .pfp{width:50%;margin:1.5rem auto;border-radius:50%;border:solid .1rem white}.about .name{margin:0}.about .location{margin-top:0;margin-bottom:16px;font-weight:lighter}.about-socials ul{display:grid;width:100%;grid-template-columns:1fr 1fr;justify-content:center;gap:.5rem;list-style:none;padding:0;margin-top:0}.about-socials ul li a{text-decoration:none;padding:.35rem;display:flex;align-items:center;justify-content:space-between;border:solid .1rem white}.about-socials ul li.span-two{grid-column:1/-1}.about-bio{text-align:left}.about-bio .post-h2{text-align:center}.skills .skill-label{-webkit-user-select:none;user-select:none;text-align:left;justify-content:space-between;border-radius:12px;transform:translateY(-6px)}.skills .skill-label summary{cursor:pointer;padding:10px 15px;margin:.5rem 0;border:solid .1rem white}.skill-list{display:flex;flex-wrap:wrap;margin:.6em;padding-left:0;justify-content:center}.skill-list li{margin:5px;padding:10px;display:inline-block;border:solid 1px white}.project{border:solid .1rem white;margin:1rem 0;padding:1rem;text-align:center}.project .project-name{font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin-bottom:0;margin-top:0}.project .project-created-at{font-size:.9rem;margin-top:0;font-weight:500;color:gray}.project .project-topic-list{display:flex;list-style:none;padding:0;justify-content:center;flex-wrap:wrap}.project .project-topic-list .project-topic{padding:.25rem;margin:.5rem;background-color:#303030}.project .project-last-commit{color:gray;font-size:.9rem}.project .project-language{font-size:.9rem;margin:.5rem;font-weight:300;display:inline-block;padding:.25rem}.project .project-stats{display:flex;justify-content:space-evenly;align-items:center;-webkit-user-select:none;user-select:none}.project .links{list-style:none;padding-left:0;margin-bottom:0;width:100%;display:flex}.project .links .link{flex:1;width:100%}.project .links .link a{transition:.2s ease-in-out all;display:flex;justify-content:center;align-items:center;padding:.5rem;border-top:2px transparent solid;text-decoration:none}.project .links .link a img{margin:0 5px}.project .links .link a:hover{border-top:2px #ffffff solid}.project .links .github{background-color:#4078c0}.project .links .download{background-color:#000}.project .links .nexus{background-color:#d98f40}.project .links .steam{background-color:#171a21}.project .project-tag{display:inline-block;text-align:center;padding:.2rem .4rem;font-size:.6rem;margin-bottom:.25rem;text-transform:uppercase;list-style:none;border:solid .1rem white;margin:.2rem}.project .project-tag.abandoned{background-color:#2c2c2c}.project .project-tag.finished{background-color:#00722c}.project .project-tag.wip{background-color:#066896}.post{margin:1rem 1rem 2rem}.post .post-h1{margin-bottom:0}.post .post-date{margin-top:0;font-size:1rem;color:gray;font-weight:500}.post .post-table{border-collapse:collapse;width:100%}.post .post-table .post-table-row-header{border:solid .1rem white;padding:8px;text-align:left}.post .post-table .post-table-value{border:solid .1rem white;padding:5px;text-align:left}.post:first-child .post-title{margin-top:0}.post blockquote p{background-color:#111;padding:5px 5px 5px 10px;font-size:.9rem;border-left:solid 5px rgb(29,29,29)}.wakatime{margin:.5rem}.banner{text-align:center;padding:.75rem;display:flex;justify-content:center;align-items:center}.banner span{padding:0 1rem;font-size:1.2rem}.banner div>p,h4{display:inline}.icon{width:32px;display:inline-block}.back-button{display:flex;font-size:1.1rem;border:var(solid .1rem white)}.back-button img{display:inline-block;width:16px;margin:5px}
