html,body{background-color:#20201f;}*{transition:all 0.3s ease;font-family:"Noto Sans",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100;text-shadow:0 0 4px black;}.bdy{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:0 24px 80px;}h1{margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid #5e5e5e;text-align:center;width:100%;font-weight:700;color:#d5d5d5;}h2{padding-bottom:4px;border-bottom:1px solid #5e5e5e;font-weight:700;font-size:1.7rem;letter-spacing:-0.02em;margin-bottom:24px;color:#d5d5d5;}h3{margin-bottom:4px;padding-bottom:4px;font-weight:500;color:#d5d5d5;}p,li,h4,h5,h6,input,textarea,select,button{color:#c2bfb9;}.sep{width:100%;border-bottom:1px solid #5e5e5e;}table{border-collapse:collapse;}th{cursor:pointer;}td.detailsColumn{padding-inline-start:2em;text-align:end;}a.icon{padding-inline-start:1.5em;text-decoration:none;user-select:auto;}a.icon:hover{text-decoration:underline;}html[dir=rtl] a{background-position-x:right;}.link{text-decoration:underline;}#parentDirLinkBox{margin-bottom:10px;padding-bottom:10px;}@keyframes rainbow_animation{0%,100%{background-position:0 0}50%{background-position:100% 0}}.projects-grid{display:flex;overflow-x:scroll;overflow-y:hidden;height:380px;gap:0.25rem;scroll-snap-type:x mandatory;scrollbar-color:rgba(0,0,0,0.3) transparent;scrollbar-width:thin;}.projects-grid::-webkit-scrollbar-track{background:transparent;}.projects-grid::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.3);border-radius:4px;}.project-card{flex:0 0 auto;aspect-ratio:17 / 21;display:flex;position:relative;flex-direction:column;border-radius:12px;overflow:hidden;background:#161616;border:2px solid #5e5e5e;text-decoration:none;transform:scale(97%);}#repo-tabs .project-card:hover{border:2px solid #2EB8F0;}#project-tabs .project-card:hover{border:2px solid #EF83D7;}.project-card:hover{transform:scale(1);}.project-card:hover .project-body h3{color:white;}.project-image{aspect-ratio:16 / 9;width:100%;overflow:hidden;}.project-image img{width:100%;height:100%;object-fit:cover;}.project-body{flex:1;display:flex;flex-direction:column;padding:1rem;}.project-body h3{margin:0 0 0.5rem;}.project-body p{flex:1;margin:0 0 1rem;color:#ddd;}.project-footer{display:flex;justify-content:space-between;align-items:center;}.project-year{color:#888;font-size:0.9rem;}.source-btn{color:#c2bfb9;text-decoration:none;border-radius:6px;font-weight:600;z-index:2;}.source-btn:link,.source-btn:visited{color:#c2bfb9!important;}.overlay-link{position:absolute;inset:0;z-index:1;}.tab-radio{display:none;}.tab-labels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}.tab-labels label{font-size:1.25rem;background-color:#161616;padding:6px 12px;border:2px solid #5e5e5e;border-radius:15px;cursor:pointer;user-select:none;transition:border-color 0.15s,background-color 0.15s;}.tab-labels label:hover{border-color:#aaa;}.tab-content{display:none;margin-bottom:6px;}#tab-redt:checked ~ .tab-labels label[for="tab-redt"],#tab-rando:checked ~ .tab-labels label[for="tab-rando"],#tab-mc:checked ~ .tab-labels label[for="tab-mc"]{border-color:#2EB8F0;background-color:#1A1A2A;}#tab-art:checked ~ .tab-labels label[for="tab-art"],#tab-tech:checked ~ .tab-labels label[for="tab-tech"],#tab-fun:checked ~ .tab-labels label[for="tab-fun"]{border-color:#EF83D7;background-color:#2A1A2A;}#tab-art:checked ~ #tab-art-content,#tab-tech:checked ~ #tab-tech-content,#tab-fun:checked ~ #tab-fun-content,#tab-rando:checked ~ #tab-rando-content,#tab-redt:checked ~ #tab-redt-content,#tab-mc:checked ~ #tab-mc-content{display:block;}button,textarea,input,input,select{background-color:#161616;border:1px solid #5e5e5e;}svg{aspect-ratio:1 / 1;font-weight:normal;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;vertical-align:bottom;}.icon{height:1.2em;}dot{display:inline-flex;align-items:center;gap:0.2em;color:#9198a1!important;font-size:.9rem;padding-right:0.4em;}dot::before{content:"";aspect-ratio:1 / 1;background-color:var(--dot,currentColor);border:.0625 solid #cdd9e526;border-radius:50%;width:12px;height:12px;display:inline-block;position:relative;top:1px;}#pgp{width:100%;height:15em;resize:none;font-family:monospace;padding:0;border:none;outline:none;background:none;-webkit-user-select:text;-ms-user-select:text;user-select:text;}@keyframes rainbow_animation{0%,100%{background-position:0 0}50%{background-position:100% 0}}#header,.grad{color:white;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#EF83D7,#2EB8F0)!important;background-size:400%;animation:rainbow_animation 4s linear infinite;text-shadow:none;font-size:clamp(3rem,10vw,5.5rem);font-weight:800;line-height:1;letter-spacing:-0.03em;}a{text-decoration:none;transition:all 0.2s ease-in-out;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000;}a:link,a:visited{color:#ffc8f6!important;}a:hover{color:#ff8eec!important;}a:active{color:#b07eff!important;}footer{border-top:1px solid #5e5e5e;text-align:center;margin-bottom:24px;margin-top:1.6em;}