*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#bfbfbf}a{color:#00bcd4f0;font-weight:700}a:active{color:#bfbfbf}body{overflow-y:scroll;background:#080808;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:.75em 0}p.gap{margin-bottom:1em}p.italic{font-style:italic}p.indentation{margin-left:1.3em}details{margin:.75em 0}details *:not(summary){margin-left:1em}details summary{cursor:pointer}ul{margin-left:2rem}div.flex.center{display:flex;flex-direction:column;align-items:center}hr{border-style:solid;border-color:#313131;margin:10px auto;border-width:3px;width:100%}hr.markdown-body{height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-default);border:0}hr.header{border-top:2.5em;border-color:#9b9b9b;width:65%}hr.title{margin:0 0 1em}hr.article{width:85%}footer{background:#121212;display:inline-flex;justify-content:flex-end;gap:1rem;padding:.9em 2.1em;box-shadow:0 -4px 9px #000;color:#555}footer em{font-size:.8em;align-self:flex-end}footer a svg{width:1.3em;height:1.3rem}footer a svg:hover{fill:#cb4614}footer a svg:active{fill:#00bcd4f0}header{display:flex;justify-content:space-between;align-items:center;top:0;left:0;position:fixed;width:100%;padding:.99em 3.1em;z-index:99;background:#121212;box-shadow:0 8px 9px #0c0c0c;font-family:sans-serif}@media(max-width:1400px){header{flex-direction:column;gap:2em}}header #nav{display:inline-flex;flex-wrap:wrap;gap:12px 24px}header #nav a{color:#cb4614;font-size:1.1em;font-weight:900;text-decoration:none;padding:7px;border-radius:8px;border:2px solid}@media(min-width:900px){header #nav a.contact{margin-left:40px}}header #nav a:hover{cursor:pointer;color:#00bcd4f0}header #nav a.wip:hover{color:#c8cb14}header .brand{display:flex;flex-direction:row;align-items:center;font-weight:700}header .brand #logo{width:2.625rem;height:2.625rem;background-image:url(/favicon.ico);background-repeat:no-repeat;background-position:center;background-size:cover;margin-right:20px}header .brand div{color:#bfbfbf;margin-right:1em;font-size:1em}.carousel{position:relative;gap:.5em;overflow:hidden;display:flex;flex-direction:column;justify-content:center;margin:0 auto;flex:1}.carousel ul{white-space:nowrap;transition:transform .1s;list-style:none;background:#701483;padding:0;margin:0;background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.carousel__gallery{position:relative;overflow:hidden;border:.4em solid #404040}.carousel__slide{display:inline-flex;align-items:center;justify-self:center;height:100%;width:100%}.carousel__slide a{cursor:zoom-in;height:inherit;width:inherit}.carousel__slide img{height:inherit;width:inherit;object-fit:cover;aspect-ratio:1/1}.carousel__button{position:absolute;z-index:2;top:55%;transform:translateY(-55%);background:none;border:none;border-radius:0rem;cursor:pointer;height:inherit;padding:0 .5rem;background-color:#0000001a;color:#f5f5f5b3;font-size:4rem}.carousel__button:hover{background-color:#00000080}.carousel__button img{width:1em}.carousel__button--forward{right:0rem}.carousel__button--back{left:0rem}.carousel__nav{position:relative;display:flex;width:100%;padding:10px 0;gap:.5em;justify-content:center}.carousel__nav--pip{cursor:pointer;border:.1em solid #121212;border-radius:50%;width:15px;height:15px;background-color:#404040}.carousel__nav--pip.current{background-color:#cb4614}#portal{line-height:1;text-align:center;align-items:center;padding:10vh 0px}#portal h1,#portal h2{margin:1em 0}#portal a{color:#00bcd4f0;font-weight:700}#portal a:active{color:#bfbfbf}.blogCards{display:flex;flex-direction:column-reverse;align-items:center;gap:4rem;margin-bottom:4rem}.blogCards .card{width:95%;overflow:hidden;color:#bfbfbf;background-color:#00bcd4f0;border:.3rem solid #404040;border-radius:10px}.blogCards .card .body{display:flex;flex-direction:column;align-items:flex-start;margin:.5rem 0rem;padding:0rem 4rem;background-color:#121212;border:.2rem solid #404040;border-left:0;border-right:0}.blogCards .card .body h1,.blogCards .card .body h2,.blogCards .card .body h3,.blogCards .card .body h4{align-self:center}.blogCards .card .body h1.title,.blogCards .card .body h2.title,.blogCards .card .body h3.title,.blogCards .card .body h4.title{margin:.5rem 0rem}.blogCards .card .body h1.mainTitle,.blogCards .card .body h2.mainTitle,.blogCards .card .body h3.mainTitle,.blogCards .card .body h4.mainTitle{margin:1rem 0rem}.blogCards .card .body ul{margin:0rem 4rem}.blogCards .card .cardImage{border:.2em solid #404040;border-radius:1em;background-repeat:no-repeat;background-position:left;background-size:cover}.blogCards .card .cardImage.floatLeft{float:left}.blogCards .card div.imageBlock{display:flex;justify-content:space-between;margin:.5em 2em;flex-direction:row}.blogCards .card div.imageBlock a{flex:none;align-self:center}.blogCards .card div.imageBlock p{margin:0 0 .75em;padding-left:1.5em}.titleHeader{margin:.5em auto;text-align:center}.projectCards{display:flex;flex-direction:column;gap:1rem;height:40rem;min-height:40rem;max-height:80rem;padding:1rem 2rem 2rem;overflow-y:scroll;border-radius:.3rem;background:#0a0a0a}.projectCards .card{display:grid;grid-template-columns:.1fr .5fr 1fr;min-height:7rem;gap:.5rem;overflow:hidden;border-left:none;border-radius:.5rem;border:.2rem solid #222;background:#111;text-decoration:none}.projectCards .card:hover h3{color:#ff6a00}.projectCards .card .projectBar{width:.4rem;border-radius:5px}.projectCards .card .projectBar.university{background:#2b8cff}.projectCards .card .projectBar.hobby{background:#f39c12}.projectCards .card .image{width:inherit;height:inherit;background-color:#9b9b9b;background-repeat:no-repeat;background-position:left;background-size:cover}.projectCards .card h3{font-size:1rem}.projectCards .card h1,.projectCards .card h2,.projectCards .card h3,.projectCards .card h4{margin:auto;text-align:center}@media(max-width:768px){.projectCard{padding:.99em 1.5em;overflow-x:scroll}}.projectCard{padding:1.5em 3.1em;overflow:hidden;background:#111;border-style:solid;border-color:#222;border-radius:10px;min-width:30vw}.project{display:flex;flex-direction:column}.project__return-link{color:#cb4614;font-size:1.1em;font-weight:900;text-decoration:none;padding:7px 25%;border-radius:8px;border:2px solid;margin:0 auto}#avatar{max-width:15.6rem;max-height:15.6rem;aspect-ratio:1/1;margin:1.5em auto 3.1em;border:.2em solid #222;border-radius:2.5em;background-image:url(/img/avatar.png);background-position:center;background-repeat:no-repeat;background-size:cover;mix-blend-mode:difference}#roleTitle{color:#00bcd4f0;text-align:center;margin:1em auto}#skillList{display:flex;flex-wrap:wrap;flex-direction:column;padding-left:1.5em}#skillList .title{margin:.5em 0}#skillList .skillSection{margin-bottom:1em}#skillList details,#skillList ul{margin:0 1.5em}#socialMediaBar{display:flex;gap:1em;padding:0 1em}#socialMediaBar a{color:#cb4614;font-size:1.1em;font-weight:700;padding:7px;border-radius:8px;border:2px solid;text-decoration:none}#socialMediaBar a:hover{color:#ff6a00;background-color:#00bcd480}#socialMediaBar a:active{color:#ff6a00;opacity:.8;background-color:#00bcd4f0}.card{display:flex;justify-content:center;flex-direction:column}form{display:flex;flex-direction:column;gap:1em;color:#bfbfbf}form p{font-family:Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.3px;line-height:16px;font-style:italic;color:#9d9d9d}form input[type=text],form textarea{color:#bfbfbf;background:#1e1e1e;padding:12px;border:1px solid #5c5c5c;border-radius:4px;resize:vertical;max-width:100%}form div{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;gap:1em}form .div{border-style:solid;border-color:#313131;margin:0% 0% 1em}form .controlBox{padding:1em;align-items:center;overflow:hidden;border:solid;border-color:#404040;border-radius:10px;min-width:30vw;margin-bottom:1.5em}form .btn{cursor:pointer;padding:.5em;background-color:#a23e0080;color:#bfbfbf;font-size:1.1em;margin-right:5px;border-style:solid;border-color:#030303;border-width:.2em;font-family:math;text-decoration:none}form .btn.link:hover{background-color:#00bcd480}form .btn.link:active{opacity:.8;background-color:#00bcd4f0}.wipBox{text-align:center;margin:5vh 0vh}.wipBox .constructionBanner{background-image:repeating-linear-gradient(-45deg,#c8cb1473 0 20px,#000 20px 40px);border:.2em solid black}.wipBox hr.article{margin:50px auto 25px}.wipBox hr.article.top{margin:50px auto}.wipBox hr.article.bottom{margin:50px auto 25px}.wipBox hr.article.footer{margin:25px auto}.characters-page{display:flex;flex-direction:row;gap:2rem;color:#fff}.character-selector{flex:0 0 200px;display:flex;flex-direction:column;gap:1rem}.character-btn{background-color:#2d2d3e;border:1px solid white;color:#fff;padding:.5rem;cursor:pointer}.character-btn.active{background-color:#446}.character-details{flex:1}.character-image{max-width:200px;height:auto;margin-bottom:1rem;border-radius:100%}.story-block{padding:0 5%}.story-block p{margin:1.25em 0;line-height:1.5}.block{padding:1rem;margin-bottom:1rem;background-color:#121212;border:.2rem solid #404040;border-right-width:.2rem;border-right-style:solid;border-right-color:#404040;border-left-width:.2rem;border-left-style:solid;border-left-color:#404040;border-left:0;border-right:0}#frontLayer,#backLayer{width:100%}#frontLayer{z-index:3;position:absolute;height:100vh;display:grid;grid-template-rows:9fr 3rem}#backLayer{z-index:1;min-height:100vh;opacity:.65;background-image:url(/img/background.jpg);position:fixed;background-size:cover}@media(max-width:768px){#main{padding:15rem 10vw 0}}#main{display:flex;flex-direction:column;align-items:center;padding:10rem 30vw 0}@media(max-width:768px){#main_dnd{padding:15rem 5vw 0}}#main_dnd{display:flex;flex-direction:column;align-items:center;padding:10rem 25vw 0}@media(max-width:768px){.container{padding:.99em 1.5em;overflow-x:scroll}}.container{padding:1.5em 3.1em;overflow:hidden;color:#bfbfbf;background:#111;border-style:solid;border-color:#222;border-radius:10px;width:95%;margin-bottom:3em}::-webkit-scrollbar{width:17px}::-webkit-scrollbar-track{border:2px solid #111;border-radius:2px}::-webkit-scrollbar-thumb{background:#313131}::-webkit-scrollbar-button{background-color:#313131;border-style:solid;border-color:#111;height:16px;width:15px}::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 8px 8px 8px;border-color:transparent transparent #555555 transparent}::-webkit-scrollbar-button:single-button:vertical:decrement:hover{border-color:transparent transparent rgba(0,188,212,.9411764706) transparent}::-webkit-scrollbar-button:single-button:vertical:increment{border-width:8px 8px 0 8px;border-color:#555555 transparent transparent transparent}::-webkit-scrollbar-button:single-button:vertical:increment:hover{border-color:rgba(0,188,212,.9411764706) transparent transparent transparent}