:root{--primary-color: #ccc;--background-color: #121216;--pillar-color: #121216f2;--navbar-color: #060610;--footer-text-color: #9292ad;--darker-color: #060610;--title-color: #f2568a;--card-border-radius: 20px;--border-radius: 5px;--border: rgb(56, 56, 56) 1px solid}html{color:var(--primary-color);background-color:var(--background-color)}html,input,textarea{font-family:Urbanist,sans-serif}body{margin:0}h1,h2,h3,h4,h5{font-family:Titan One,sans-serif;color:var(--title-color)}.markdown :is(h1,h2,h3,h4,h5){font-size:1.3em;margin-top:15px;margin-bottom:15px}.markdown p{margin:0}.is-flex{display:flex;flex-wrap:wrap;gap:10px}.flex-center-hor{justify-content:center}.flex-center-ver{align-items:center}.flex-columns{display:flex;flex-direction:row}.text-centered{text-align:center}img{border-radius:var(--border-radius)}a{color:var(--primary-color);text-decoration:none}a.raw{text-decoration:underline}button,.button{background-color:transparent;border:var(--border);color:#fff;border-radius:var(--border-radius);padding:10px;cursor:pointer;font-family:Quantico,sans-serif;font-size:15px;font-weight:700}.button-icon{width:46px;height:46px}.button-icon-label{height:46px;width:110px;position:relative}.button-icon-label .material-symbols-outlined{position:absolute;left:10px;top:10px}.button-icon-label .label{position:absolute;left:45px;top:13px}.button-group button,.button-group .button{border-radius:0;border-right:none}.button-group button:first-child,.button-group .button:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.button-group button:last-child,.button-group .button:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-right:var(--border)}button.primary,.button.primary{border:none;color:#000;background-color:#36eec9}button.danger,.button.danger{border:none;color:#000;background-color:#fb7799}button:hover,.button:hover{background-color:transparent;color:#fff}button.active{background-color:#4d4c55}iframe{border:none}.clickable{cursor:pointer}#background-image{position:fixed;left:0;right:0;top:0;background-image:url(../img/Background.webp);background-size:cover;background-attachment:fixed;background-position:center top;filter:brightness(40%);z-index:-2;height:100%}@media (orientation: portrait){#background-image{background-position:right top}}#pillar-container{position:fixed;left:0;right:0;top:0;height:100%;display:flex;justify-content:center;z-index:-1}#pillar{position:fixed;top:0;height:100%;width:60%;background-color:var(--pillar-color);box-shadow:0 10px 10px #61002133,0 8px 20px #bb09451a}#content{position:relative;padding-top:65px;padding-bottom:100px;display:block;width:calc(60% - 40px);margin:0 auto;min-height:calc(100vh - 165px)}@media (max-width: 1500px){#pillar,#content{width:100%}}.footer{background-color:var(--darker-color);position:absolute;z-index:1;width:calc(100% + 40px);bottom:0;padding:10px;margin-left:-20px;font-size:15px;box-sizing:border-box;color:var(--footer-text-color)}.footer a{text-decoration:underline;color:var(--footer-text-color)}@media (max-width: 1500px){.footer{width:100%;margin-left:0}}.footer div:not(:first-child){margin-top:5px}nav{position:absolute;top:0;left:0;height:50px;width:100%;background-color:var(--navbar-color);z-index:1}nav>div{gap:25px!important;height:50px;padding-left:10px;padding-right:10px}nav .logo{height:50px}nav .logo img{height:30px}nav .attached-right{position:absolute;top:0;right:0;height:50px;background-color:var(--navbar-color);z-index:1}@media (max-width: 750px){.attached-right{display:none}}@media (max-width: 370px){#navbar-gamejam{display:none}}.modal{position:fixed;width:1350px;height:750px;transform:translate(-50%,-50%);top:50%;left:50%;padding:20px;background-color:var(--darker-color);border-radius:var(--border-radius);z-index:3}.modal img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width: 1500px){.modal{width:100%;height:100%}}#project-list{margin-top:20px;margin-bottom:20px}.card-project{width:300px;height:450px}.card-showcase{width:400px;height:600px}.card{position:relative}.card-icon{position:absolute;left:5px;top:5px;text-shadow:1px 1px 2px black;color:#fff;z-index:1}.card-bg{background-size:cover;background-position:center center;border-radius:var(--card-border-radius);width:100%;height:100%}.card-img{display:flex;justify-content:center;overflow:hidden;border-radius:var(--card-border-radius);width:100%;height:100%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-img img{max-width:100%;max-height:100%;width:auto;height:auto;min-width:100%;object-fit:contain}#disclaimer{margin-top:20px;max-width:500px;max-height:400px}@media (max-width: 500px){#disclaimer{max-width:90%}}#disclaimer-image{width:100%}#disclaimer-buttons{margin-top:2em}#carousel{height:650px;padding:20px}#carousel-body{width:calc(100% - 450px)}#carousel-main{padding:20px;gap:50px;background-color:var(--darker-color);border-radius:var(--border-radius)}#carousel-description{height:200px;overflow-y:hidden}#carousel-screenshots{gap:20px}#carousel-screenshots img{max-width:100%;max-height:400px}@media (max-width: 2380px){.screenshot-3{display:none}}@media (max-width: 1880px){.screenshot-2{display:none}}@media (max-width: 1000px){#carousel{height:900px}#carousel-main{flex-flow:column}#carousel-main>.card{width:100%;display:flex;justify-content:center}#carousel-screenshots{display:none}#carousel-body{width:100%}}#carousel-image{max-width:400px;max-height:600px}#carousel-image>img{max-width:400px;max-height:600px;width:auto;height:auto}#carousel-icons{gap:15px}#carousel-icons .primary{color:var(--title-color)}#game-info-container{margin:50px}#game-info-container>div:first-child{width:65%}#game-info-container>div:last-child{width:30%}@media (max-width: 1000px){#game-info-container>div{width:100%}#game-info-container>div:first-child{margin-bottom:20px}}#game-info-screenshots{display:block}#game-info-screenshots>img{max-width:100%;margin-bottom:10px}#comic-info-image>img{width:300px}#comic-info-intro{width:calc(100% - 350px)}#comic-info-pages{margin-top:20px}#comic-info-pages img{max-width:200px}#comic-info-display{margin-top:20px;max-width:100%;max-height:85vh}#comic-info-display img{max-width:100%;max-height:85vh}@media (max-width: 1000px){#comic-info-container{flex-direction:column}#comic-info-image{display:flex;justify-content:center}#comic-info-intro{width:100%}}#info-madeby img{width:100px}