@import url(https://fonts.googleapis.com/css?family=Montserrat:500,700,900);:root{--accent:#434343;--hover:#cccaca;--foreground:#000000;--background:rgb(255, 255, 255);--notice:#8d7d00;--links-inactive:rgba(111, 111, 111, 0.15);--links-ground:rgba(33, 133, 239, 0.25);--links-fore:rgba(33, 133, 239, 0.65)}@media (prefers-color-scheme:dark){:root{--accent:#8e8e8e;--hover:#232020;--foreground:#f0f0f0;--background:#141313;--notice:#d1bc1c;--links-inactive:rgba(162, 162, 162, 0.05);--links-ground:rgba(33, 133, 239, 0.25);--links-fore:rgba(33, 133, 239, 0.65)}}body{background-color:var(--background);width:100vw;height:100vh;font-family:Montserrat,sans-serif;overflow-x:hidden;overflow-y:overlay;font-size:calc(6px + .4vw + .4vh);margin:0}a{color:var(--foreground);text-decoration:none}a:visited{color:var(--foreground)}a:hover{color:var(--foreground);text-decoration:underline}.content.container{color:var(--foreground);max-width:600px;padding:0 5vw;margin:4vh auto}.content.container a{text-decoration:underline}.header.container{display:flex;align-items:center;margin:2vh 0 2vh 3vw}.header.title{width:min-content;color:var(--accent);font-weight:700;font-size:calc(8px + 2vw + 2vh);margin:0 30px 0 0}.header.item{font-weight:700;cursor:pointer;color:var(--accent);text-decoration:none;font-size:calc(8px + .5vw + .5vh);margin:0 10px}.header.item:hover{text-decoration:underline}.button.container>:not(p){max-width:16px;max-height:16px;width:70%;height:70%}.button.container>p{text-transform:uppercase;text-decoration:none;font-weight:900;font-size:calc(6px + .5vw + .5vh);margin:0 0 0 5px}.links.container{display:flex;margin:3vh 0 3vh calc(3vw + 2.5px)}.links.container>*{min-width:20px;max-width:26px;min-height:20px;max-height:26px;width:3vw;height:3vw;margin:0 10px 0 0}.box,.circle{display:flex;justify-content:center;align-items:center;min-width:46px;max-width:54px;min-height:46px;max-height:54px;width:calc(5vw + 3vh);height:calc(5vw + 3vh);overflow:hidden;box-sizing:border-box;border:var(--accent) 2px solid}.circle{border-radius:50%}.box>.icon,.box>a,.circle>.icon,.circle>a{width:50%;height:50%}.box>img,.circle>img{width:100%;height:100%}.icon{fill:var(--accent);color:var(--accent);stroke:none;width:100%;height:100%}.icon.text{height:auto;width:auto;text-transform:uppercase;font-weight:700;font-size:calc(9px + .5vw + .5vh)}.icon.link,.icon.text{cursor:pointer}.icon.link.discord:hover{fill:#7289da}.icon.link.facebook:hover{fill:#4172b8}.icon.link.github:hover{fill:#2088ff}.icon.link.question-mark:hover{fill:#2eb17a}.icon.link.teespring:hover{fill:#39ace6}.icon.link.twitch:hover{fill:#6441a4}.icon.link.twitter:hover{fill:#1da1f2}.icon.link.youtube:hover{fill:red}.projects.container{color:var(--foreground);max-width:600px;padding:0 0 1vh 0;margin:0 auto}.screenshot.wrapper{z-index:1;display:flex;position:fixed;justify-content:center;opacity:0;pointer-events:none;background-color:rgba(0,0,0,.9);top:0;left:0;width:100vw;height:100vh;transition:opacity .25s cubic-bezier(.65,.05,.36,1)}.screenshot.wrapper.active{opacity:1;pointer-events:all}.screenshot.container{display:flex;overflow:auto;align-items:center;flex-direction:column-reverse;width:100vw}.screenshot.container>div>img,.screenshot.container>div>picture>img{max-width:90vw;max-height:65vh;width:auto;height:auto;margin:5vh 0;border-radius:5px}.project.container{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"circle card" "circle notice" "circle info";grid-column-gap:24px;padding:25px;margin:25px 0;width:auto;height:auto}.project.circle{grid-area:circle}.project.badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px 0;transform:scale(.75);transform-origin:0 50%}.project.notice{grid-area:notice;color:var(--notice);font-weight:700;margin:15px 0}.project.card{grid-area:card;font-weight:700;margin:0 0 5px 0}.project.tags{font-size:calc(8px + .05vw + .05vh);text-transform:uppercase}.project.info{position:relative;grid-area:info}.project.info>hr{border:1px solid var(--links-inactive)}.project.screenshots{display:flex;flex-wrap:wrap-reverse;justify-content:center;margin:25px 0 0 0}.project.screenshot{cursor:pointer;position:relative;overflow:hidden;width:auto;height:120px;border-radius:5px;margin:0 15px 15px 0}.project.screenshot>img,.project.screenshot>picture>*{width:auto;height:120px}.project.screenshot:hover{box-shadow:var(--links-fore) 0 0 5px 1px}.project.screenshot:hover::after{position:absolute;display:block;content:"";top:0;left:0;width:100%;height:100%;opacity:.75;background-color:var(--links-fore)}.project.links{display:flex;flex-wrap:wrap;color:var(--foreground);margin:20px 0 0 0}.project.hyperlink{color:var(--links-fore)}.project.link:hover{text-decoration:underline;color:var(--links-fore)}.project.link{display:flex;align-items:center;user-select:none;text-transform:uppercase;width:min-content;font-size:calc(calc(5px + .4vw + .4vh));font-weight:700;border-radius:5px;padding:10px 15px;margin:0 15px 15px 0;background-color:var(--links-inactive)}.project.link.disabled{opacity:.5;pointer-events:none}.project.link:hover{text-decoration:none;color:var(--links-fore);background-color:var(--links-ground)}.project.link:hover>.icon{fill:var(--links-fore)}.project.link>.icon{min-width:18px;height:18px;margin:3px 0}.project.link>.icon~p{padding:0 0 0 10px}.project.link.disabled>.icon~p{text-decoration:line-through}.project.card>p,.project.info>p,.project.link>p,.project.notice>p{margin:0}