:root{--page-bg: #0f0d13;--body-colour: linear-gradient(180deg, #12101a 0%, #0f0d13 100%);--bg-colour: rgba(38, 34, 59, .72);--card-bg: rgba(46, 41, 72, .85);--bg-border-colour: rgba(139, 147, 255, .085);--hover-colour: #9aa6ff;--text-colour: #e7e9ff;--important-colour: #d7d9ff;--link-colour: #7C6CFF;--tab-bg: rgba(22, 20, 34, .6);--svg-filter-1: none;--svg-filter-2: none;--shine-x: 15%;--shine-y: 15%;--shine-opacity: 0;--streak-x: 12%;--streak-y: 12%;--streak-opacity: 0;--streak-size: 8%;--streak-blur: 8px}html,body{height:100%}body{color:var(--text-colour);font-family:Comic Relief,system-ui,Arial,Helvetica,sans-serif;font-size:1.125rem;line-height:1.6;margin:3rem;background-color:var(--page-bg);background-repeat:inherit;background-attachment:scroll;background-size:120rem;background-position-y:-10rem}a{color:var(--text-colour)}a:hover{color:var(--hover-colour)}b{color:var(--important-colour)}img,picture,svg{max-width:100%}main{width:min(130ch,100% - 4rem);margin-inline:auto}.avatar{vertical-align:middle;align-items:center;width:100px;height:100px;border-radius:16px}@media screen and (max-width:600px){.avatar{width:72px;height:72px}}.tab{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:6px 8px;background-color:var(--tab-bg);overflow:hidden;border:none}.tab button{background-color:transparent;font-family:system-ui;float:none;border:none;outline:none;cursor:pointer;padding:14px 22px;font-size:1.05rem;transition:background-color .18s ease,color .18s ease;color:var(--text-colour)!important;border-radius:20px}.tab button:hover{background-color:#9ba6ff14;color:var(--hover-colour)!important}.tab button.active{background-color:#9ba6ff29;color:var(--hover-colour)!important}.tab,.tab button,.tab button:hover,.tab button.active{border:none!important;box-shadow:none!important}.tabcontent{border:none!important;background-clip:padding-box}.section-window,.card{border-radius:10px!important}.card h2{margin:8px 0 6px;font-size:clamp(1rem,2.4vw,1.3rem);line-height:1.2;text-align:center}.card p,.card .text{margin:4px 0;font-size:clamp(.8rem,1.8vw,1rem);text-align:center;word-break:break-word}a,a:visited,.link,.card a{color:var(--link-colour)!important;text-decoration:none!important;text-decoration-skip-ink:none!important}a:hover,.link:hover,.card a:hover{color:var(--hover-colour)!important;text-decoration:none!important}.parallax{perspective:1px;height:100%;overflow-x:hidden;overflow-y:auto}.parallax__layer{position:absolute;inset:0}.parallax__layer--base{transform:translateZ(0)}.parallax__layer--back{transform:translateZ(-10px) scale(11)}.gradient{height:100vh;width:100%;background-color:var(--page-bg);opacity:1;overflow-y:hidden;background:linear-gradient(135deg,rgba(139,147,255,.04) 25%,transparent 25%) -23px 0/46px 46px,linear-gradient(225deg,rgba(139,147,255,.03) 25%,transparent 25%) -23px 0/46px 46px,linear-gradient(315deg,rgba(139,147,255,.04) 25%,transparent 25%) 0 0/46px 46px,linear-gradient(45deg,#24212e99 25%,#1b172499 25%) 0 0/46px 46px}.title-border{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100vh}.title-text{position:relative;font-size:15vw;color:var(--important-colour)}.section-container{display:flex;justify-content:center;align-items:center}.section-title{font-size:64px;color:var(--text-colour)}.section-window-container{display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}.section-window{display:grid;text-align:center;border-radius:1.25em;border:solid var(--bg-border-colour);background-color:var(--bg-colour);gap:16px}.card .avatar{transition:box-shadow .22s cubic-bezier(.03,.98,.52,.99),transform .22s cubic-bezier(.03,.98,.52,.99);box-shadow:var(--avatar-shadow, 0 6px 10px rgba(0,0,0,.12))}.card:hover .avatar,.card.tilt-active .avatar{box-shadow:var(--avatar-shadow, 0 12px 22px rgba(0,0,0,.22));transform:translateZ(0)}.section-window img{width:50%;filter:grayscale(25%)}.rounded{border-radius:1.25em;margin-top:14.5px}.project-logo{border-radius:25%;padding:16px}.links{position:relative}.links a{font-size:32px}.links a img{height:32px;width:32px;filter:var(--svg-filter-1)}.links a img:hover{filter:var(--svg-filter-2)}.links a .svg{transform:translateY(.15em)}.section-window .link-img{padding-bottom:6px;transition:all .25s;width:50%}.section-window .link-img:hover{transform:scale(1.1)}.fiverr img{width:50%}button{appearance:none;background-color:#fafbfc;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset;box-sizing:border-box;color:#24292e;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;font-weight:500;line-height:20px;padding:6px 16px;position:relative;transition:background-color .2s cubic-bezier(.3,0,.5,1);user-select:none;vertical-align:middle;white-space:nowrap;word-wrap:break-word}button:hover{background-color:var(--bg-colour);transition-duration:.1s}button:disabled{background-color:#fafbfc;border-color:#1b1f2326;color:#959da5;cursor:default}button:active{background-color:#edeff2;box-shadow:#e1e4e833 0 1px inset;transition:none}button:focus{outline:1px transparent}button:before,button:-webkit-details-marker{display:none}.card:before{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle at var(--shine-x, 15%) var(--shine-y, 15%),rgba(255,255,255,.85) 0%,rgba(255,255,255,.25) 10%,rgba(255,255,255,0) 28%);opacity:var(--shine-opacity, 0);transition:opacity .14s ease,background-position .14s ease,transform .14s ease;mix-blend-mode:screen;filter:blur(8px);transform:translateZ(0);z-index:20}.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,var(--streak-opacity, 0)) 0%,rgba(255,255,255,var(--streak-opacity, 0)) var(--streak-size, 8%),rgba(255,255,255,0) calc(var(--streak-size, 8%) + 2%));transform:translate3d(calc(var(--streak-x, 12%) - 50%),calc(var(--streak-y, 12%) - 50%),0) rotate(var(--streak-rot, -25deg));filter:blur(var(--streak-blur, 8px));transition:opacity .12s ease,transform .12s ease,filter .12s ease;z-index:21}.card>*{position:relative;z-index:10}.link{color:var(--link-colour);text-decoration:none}.link:hover{color:var(--hover-colour);text-decoration:underline}.meta{display:block;font-size:.85rem;color:#e7e9ffc7;margin-top:6px}.meta.loading{opacity:.9;font-style:italic;color:#e7e9ffa8}.meta.stale{opacity:.95;color:#e7e9ffe6;font-style:normal}.mod-avatar-spinner{position:absolute;top:12px;left:50%;transform:translate(-50%) rotate(0);width:36px;height:36px;border-radius:5px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--hover-colour);box-shadow:0 6px 18px #00000059;z-index:40;animation:mod-spin .8s linear infinite}@keyframes mod-spin{to{transform:translate(-50%) rotate(360deg)}}*{box-sizing:border-box}.row{display:flex;flex-wrap:wrap;gap:12px;margin:0 -6px;align-items:stretch}.column{box-sizing:border-box;padding:0 6px;flex:1 1 calc(25% - 12px);max-width:calc(25% - 12px);perspective:1000px;display:flex}.mods .column{flex:1 1 calc(50% - 12px);max-width:calc(50% - 12px)}.column>.card{flex:1 1 auto;width:100%}.card{--card-shadow: 0 6px 18px rgba(0, 0, 0, .22);box-shadow:var(--card-shadow);padding:12px;text-align:center;background-color:var(--card-bg);overflow:hidden;border-radius:20px;min-height:200px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transform:perspective(1000px) scale(1);transform-style:preserve-3d;position:relative;backface-visibility:hidden;will-change:transform,box-shadow;transition:transform .22s cubic-bezier(.03,.98,.52,.99),box-shadow .22s cubic-bezier(.03,.98,.52,.99);color:var(--text-colour)!important}.card{--card-hover-scale: 1.22}.card:hover{transform:perspective(1000px) scale(var(--card-hover-scale))}.card:hover,.card.tilt-active{box-shadow:0 36px 84px #000000b3!important}.card>*{transition:transform .22s cubic-bezier(.03,.98,.52,.99),opacity .16s ease;transform-origin:center center}.card:hover>*,.card.tilt-active>*{transform:translateZ(0) scale(1.06)}.card:hover .avatar,.card.tilt-active .avatar{box-shadow:0 20px 52px #000000a6!important;transform:translateZ(0) scale(1.08)}.card img{max-width:100%;height:auto;margin-bottom:10px}@media(prefers-reduced-motion:reduce){.card:before,.card:after{display:none}}.tilt-disabled .card,.tilt-off .card{transform:none!important}.tilt-disabled .card:before,.tilt-off .card:before,.tilt-disabled .card:after,.tilt-off .card:after{opacity:0!important}.tilt-toggle{position:fixed;right:16px;bottom:16px;z-index:9999;background:#161422db;color:var(--text-colour);border:1px solid rgba(159,176,255,.08);padding:8px 10px;border-radius:8px;font-family:system-ui;font-size:.9rem;cursor:pointer;box-shadow:0 6px 18px #00000059}.tilt-toggle:focus{outline:2px solid rgba(159,176,255,.18)}.tilt-disabled .tilt-toggle{opacity:.7}.grow{transition:transform .2s;width:50px;height:50px;margin:0 auto}.grow:hover{transform:scale(1.15);border-radius:40%}.tab{overflow:hidden;border:1px solid rgba(159,176,255,.06);background-color:var(--tab-bg)}.tab button{background-color:transparent;font-family:system-ui;float:left;border:none;outline:none;cursor:pointer;padding:12px 14px;transition:.18s;color:var(--text-colour)!important}.tab button:hover{background-color:#9fb0ff0f;color:var(--hover-colour)!important}.tab button.active{background-color:#9ba6ff29;color:var(--hover-colour)!important;border-radius:6px}.tabcontent{display:none;padding:6px 12px;border:1px solid rgb(31,31,31);border-top:none;animation:fadeEffect 1s}.text{display:inline-block;vertical-align:top;font-family:system-ui;color:var(--text-colour)!important}p.text{display:block;max-width:70ch;margin:.6rem auto;text-align:center}h2.text{display:block;width:100%;margin:.4rem 0 .6rem;text-align:center}.section{list-style-type:none;background-color:var(--tab-bg);margin:10px;padding-left:10%;padding-right:10%;overflow:hidden}.container{position:relative;justify-content:center}.image{display:block;width:30%;height:auto;border-radius:20%}.overlay{position:absolute;inset:0;height:100%;width:100%;opacity:0;transition:.5s}.container:hover .overlay{opacity:1}.card h2,.card p,.card a,.text,a{color:var(--text-colour)!important;text-decoration:none}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#101010;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#181818;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #181818}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}[style*=color]{color:var(--text-colour)!important}a[style*=color]{color:var(--link-colour)!important}.tab button[style*=color]{color:var(--text-colour)!important}.tab button[style*=color]:hover,.tab button[style*=color].active{color:var(--hover-colour)!important}@media screen and (max-width:600px){.column{flex:1 1 100%;max-width:100%}.card{min-height:0;padding:12px}.avatar{width:72px;height:72px}}.hamburger{position:fixed;right:16px;bottom:16px;z-index:10000;background:#161422db;color:var(--text-colour);border:1px solid rgba(159,176,255,.08);padding:8px 10px;border-radius:8px;font-size:1.1rem;cursor:pointer}.settings-menu{position:fixed;inset:0;display:flex;align-items:end;justify-content:flex-end;background:#00000059;z-index:9998}.settings-menu[hidden]{pointer-events:none;background:transparent}.settings-panel{width:320px;max-width:90vw;margin:16px;background:linear-gradient(180deg,#181820fa,#12101cfa);border:1px solid rgba(159,176,255,.06);padding:12px 14px;border-radius:12px;box-shadow:0 20px 60px #0009}.settings-panel{transform:translateY(18px);opacity:0;transition:transform .26s cubic-bezier(.22,.9,.3,1),opacity .18s ease}.settings-panel.open{transform:translateY(0);opacity:1}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-header h3{margin:0;font-size:1.05rem}.settings-close{background:transparent;border:none;color:var(--text-colour);font-size:1.1rem;cursor:pointer}.settings-body{margin-top:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.02)}.setting-label{font-size:.95rem;color:var(--text-colour)}.settings-footer{margin-top:8px;text-align:right}.muted{color:#e7e9ff8c}@keyframes rave-bg{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}html.party-mode{animation:rave-bg 4s linear infinite;filter:hue-rotate(0deg)}html.party-mode .card{animation:rave-bg 3.5s linear infinite}html.party-mode .avatar{box-shadow:0 20px 48px #0009;transform:scale(1.04)}html.party-mode .text,html.party-mode a{color:#fff;mix-blend-mode:screen}.saturn-mode,.saturn-mode *{font-family:Comic Relief,cursive!important}@media(prefers-reduced-motion:reduce){body.party-mode,body.party-mode .card{animation:none!important}}