*{font-family:Chakra Petch;font-size:16pt}:root{color:var(--text);background-image:repeating-linear-gradient(45deg, var(--base0) 0% 5%, var(--base) 5% 45%, var(--base0) 45% 55%, var(--base) 55% 95%, var(--base0) 95% 100%);background-size:10px 10px;flex-direction:column;display:flex}body{margin:0}#navbar~*{padding:8px 32px}h1{text-shadow:2px 2px var(--base), 6px 6px var(--shadow);margin:0;font-size:48pt}h3{color:var(--subtext0);text-shadow:2px 2px var(--base);margin:0;font-size:24pt}a,button{color:var(--text);background-color:color-mix(var(--surface) 60%, transparent);box-shadow:0px 0px var(--base), 0px 0px var(--shadow);border:none;justify-content:center;align-items:center;padding:6px 12px;font-weight:700;text-decoration:none;transition:padding-bottom .1s,color .1s,background-color .1s,box-shadow .1s,transform 25ms linear;display:flex}a:hover,button:hover,[data-current=true]{color:var(--surface);background-color:var(--text);box-shadow:2px 2px var(--base), 6px 6px var(--shadow);transform:translate(-2px,-2px)}.navbar>a:hover,.navbar>a[data-current=true]{padding-bottom:20px}a:active,button:active{background-color:var(--text-black);transform:translate(-2px,2px)}.navbar{border-style:double;border-width:0 0 6px;border-color:var(--text);background-color:color-mix(var(--surface) 30%, transparent);flex-grow:1;justify-content:start;align-items:start;column-gap:8px;min-height:54px;padding:32px;display:flex}.navbar #to-home{width:150px}.navbar-content{position:absolute}#lang-selector{width:2rem;height:1rem;padding:0;display:flex}#lang-selector img{flex-grow:1;display:flex}#background-banana{z-index:-100;background-color:var(--base);width:384px;height:512px;position:absolute;bottom:0;right:0;-webkit-mask-source-type:luminance;mask-mode:luminance}::selection{background-color:color-mix(var(--selection) 67%, transparent)}