@import"https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap";html{font-family:Rubik,sans-serif;margin:0;padding:0;background-color:#000;scroll-behavior:smooth}a:link{color:inherit}*,:after,:before{box-sizing:border-box}body,main{margin:0;padding:0}main{background-image:url(/main/background-image.jpg);width:100vw;height:43vw;display:grid;grid-template-columns:11.5% 27% .7% 25.7% 1.1% 24.6%;grid-template-rows:14.3% 75% 50%}.window,main{background-size:cover;background-repeat:no-repeat}.window{text-decoration:none;text-align:center;font-size:3vw;font-weight:700;writing-mode:vertical-lr;color:#fff;grid-column-start:2;grid-row-start:2;opacity:.1}.window:hover{opacity:.6}#research{background-image:url(/main/neuron.gif);opacity:.2}#research:hover{opacity:.8}#cs{background-image:url(/main/burning_it_crowd.webp);background-position:top;color:#000;background-color:#203525;grid-column-start:4;grid-row-start:2;opacity:.2}#cs:hover{opacity:.8}#other{background-image:url(/main/fractals.webp);grid-column-start:6;grid-row-start:2}.main{animation:transformMain 20s infinite}.inverted,.main{font-family:Playfair Display,serif;font-size:4vw;color:#00bfff;top:3%;left:40%;position:absolute;margin:0}.inverted{transform:rotateX(180deg);color:rgba(0,0,0,0);font-style:italic;text-shadow:1px -1em 3px #00bfff;animation:transformInverted 20s infinite}@keyframes transformMain{50%{transform:rotateX(180deg);color:rgba(0,0,0,0);margin:0;font-style:italic;text-shadow:1px -1em 3px #00bfff}}@keyframes transformInverted{50%{transform:rotateX(0deg);color:#00bfff;margin:0;font-style:normal;text-shadow:0 0 0 #00bfff}}#mainLink1,#mainLink2,#mainLink3{color:#00bfff;font-size:large;font-family:Rubik,sans-serif}.mainLink:hover{color:#fff}footer{margin-top:25px;display:flex;flex-direction:row;justify-content:space-around}@media(max-width:767px){.inverted,.main{top:50vw}}@media(max-width:420px){.window{opacity:.3}.mainLink{color:#00bfff;font-size:4vw;padding:10px}footer{margin-top:30vw;text-align:center;flex-direction:column}}#csnav{background-image:url(/background.png);background-size:cover;background-position:top;background-repeat:no-repeat;overflow:hidden;justify-content:center;width:100vw;height:100vh;position:relative;top:0}#csnav,.mountain{z-index:1}.mountain{width:100%;height:100%;position:absolute;background-size:2000px 100%;background-position:0;bottom:0;z-index:-1}.menuText{position:absolute;font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:17px;letter-spacing:5px;text-transform:uppercase;cursor:pointer;z-index:100;transition:filter .4s ease,letter-spacing .3s ease}.menuText:hover{letter-spacing:7px;filter:drop-shadow(0 0 6px rgba(201,168,76,.9)) drop-shadow(0 0 18px rgba(201,168,76,.5)) drop-shadow(0 0 40px rgba(201,168,76,.2))}#contactLink{color:#7dd6ee}#resumeLink{color:#49a0e7}#blogLink{color:#221bad}#aboutLink,#projectLink{color:#114743}#homeLink{color:#69e5dd}#csnav:has(.menuText[data-section=home]:hover) .card[data-section=home] .c-star{transform:scale(1)}#csnav:has(.menuText[data-section=home]:hover) .card[data-section=home] .c-glow{transform:scale(1)}#csnav:has(.menuText[data-section=home]:hover) .card[data-section=home] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=home]:hover) .mountain[data-section=home]{transform:scale(1.04);filter:brightness(1.35)}#csnav[data-page=home] .card[data-section=home] .c-glow,#csnav[data-page=home] .card[data-section=home] .c-star{transform:scale(1)}#csnav[data-page=home] .card[data-section=home] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=about]:hover) .card[data-section=about] .c-star{transform:scale(1)}#csnav:has(.menuText[data-section=about]:hover) .card[data-section=about] .c-glow{transform:scale(1)}#csnav:has(.menuText[data-section=about]:hover) .card[data-section=about] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=about]:hover) .mountain[data-section=about]{transform:scale(1.04);filter:brightness(1.35)}#csnav[data-page=about] .card[data-section=about] .c-glow,#csnav[data-page=about] .card[data-section=about] .c-star{transform:scale(1)}#csnav[data-page=about] .card[data-section=about] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=projects]:hover) .card[data-section=projects] .c-star{transform:scale(1)}#csnav:has(.menuText[data-section=projects]:hover) .card[data-section=projects] .c-glow{transform:scale(1)}#csnav:has(.menuText[data-section=projects]:hover) .card[data-section=projects] .c-line{stroke-dashoffset:0}#csnav[data-page=projects] .card[data-section=projects] .c-glow,#csnav[data-page=projects] .card[data-section=projects] .c-star{transform:scale(1)}#csnav[data-page=projects] .card[data-section=projects] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=projects]:hover) .mountain[data-section=projects]{transform:scale(1.04);filter:brightness(1.35)}#csnav:has(.menuText[data-section=blog]:hover) .card[data-section=blog] .c-star{transform:scale(1)}#csnav:has(.menuText[data-section=blog]:hover) .card[data-section=blog] .c-glow{transform:scale(1)}#csnav:has(.menuText[data-section=blog]:hover) .card[data-section=blog] .c-line{stroke-dashoffset:0}#csnav[data-page=blog] .card[data-section=blog] .c-glow,#csnav[data-page=blog] .card[data-section=blog] .c-star{transform:scale(1)}#csnav[data-page=blog] .card[data-section=blog] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=blog]:hover) .mountain[data-section=blog]{transform:scale(1.04);filter:brightness(1.35)}#csnav:has(.menuText[data-section=resume]:hover) .card[data-section=resume] .c-star{transform:scale(1)}#csnav:has(.menuText[data-section=resume]:hover) .card[data-section=resume] .c-glow{transform:scale(1)}#csnav:has(.menuText[data-section=resume]:hover) .card[data-section=resume] .c-line{stroke-dashoffset:0}#csnav[data-page=resume] .card[data-section=resume] .c-glow,#csnav[data-page=resume] .card[data-section=resume] .c-star{transform:scale(1)}#csnav[data-page=resume] .card[data-section=resume] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=resume]:hover) .mountain[data-section=resume]{transform:scale(1.04);filter:brightness(1.35)}#csnav:has(.menuText[data-section=contact]:hover) .card[data-section=contact] .c-star{transform:scale(1)}#csnav:has(.menuText[data-section=contact]:hover) .card[data-section=contact] .c-glow{transform:scale(1)}#csnav:has(.menuText[data-section=contact]:hover) .card[data-section=contact] .c-line{stroke-dashoffset:0}#csnav:has(.menuText[data-section=contact]:hover) .mountain[data-section=contact]{transform:scale(1.04);filter:brightness(1.35)}#csnav[data-page=contact] .card[data-section=contact] .c-glow,#csnav[data-page=contact] .card[data-section=contact] .c-star{transform:scale(1)}#csnav[data-page=contact] .card[data-section=contact] .c-line{stroke-dashoffset:0}#adjustableNavPadding{position:static;height:80vh}#homeMountain{height:74%;background-image:url(/home.png)}#aboutMountain{height:60%;background-image:url(/about.png)}#fillerMountain{height:55%;background-image:url(/filler.png)}#blogMountain{height:45%;background-image:url(/blog.png)}#projectMountain{height:50%;background-image:url(/project.png)}#resumeMountain{height:28%;background-image:url(/resume.png)}#contactMountain{height:40%;background-image:url(/contact.png);bottom:-10px}#overlay{pointer-events:none}#masser{width:10vw;min-width:40px;right:100px}#masser,#secunda{height:auto;top:20px}#secunda{width:5vw;min-width:20px;left:100px}#aurora{width:100%;object-fit:cover}.menuConstellations{position:absolute;width:100%;height:10vh;top:0;left:0;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.wonBlog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.card{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;width:15%}.cap{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(210,185,110,.6);transition:color .3s,text-shadow .3s}.c-line{stroke:rgba(210,185,110,.3);stroke-width:.8;fill:none;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset .7s ease}.c-glow-dormant{fill:rgba(220,195,120,.13);transform-origin:center;animation:pulse 3s ease-in-out infinite}.c-star-dormant{fill:rgba(255,248,220,.95);transform-origin:center}.c-glow{fill:rgba(220,195,120,.1);transition:transform .4s ease}.c-glow,.c-star{transform-origin:center;transform:scale(0)}.c-star{fill:rgba(255,248,220,.95);transition:transform .3s ease}.d1{transition-delay:.1s}.d2{transition-delay:.22s}.d3{transition-delay:.34s}.d4{transition-delay:.46s}.d5{transition-delay:.58s}.menuConstellations,.menuConstellations *{pointer-events:none}@keyframes pulse{0%,to{opacity:.5;r:10}50%{opacity:1;r:14}}#wrapper{min-height:100vh;overscroll-behavior:none}#home,#wrapper{background-color:#004016}#home{position:relative}#wiring{width:100%}#link{position:absolute;top:19%;left:37.5%;width:15%;z-index:5}@media(max-width:768px){#home{transform:scaley(2);transform-origin:top center;margin-bottom:100%;z-index:2}#link{transform:scalex(1.5) translateX(-10%)}}.fallToCPU{animation:fallToCPU 1.4s ease forwards}.moveToContacts{animation:moveToContacts 4s linear 1}.moveToRAM{animation:moveToRAM 2s linear 1}.moveToHard{animation:moveToHard 3s linear 1}.moveToGPU{animation:moveToGPU 2s linear 1}@keyframes fallToCPU{0%{top:-60%;left:37.5%;transform:rotate(-15deg);opacity:0}10%{opacity:1}70%{top:-20%;transform:rotate(8deg)}82%{top:0;transform:rotate(-3deg)}91%{top:10%;transform:rotate(1deg)}to{top:19%;transform:rotate(0deg)}}@keyframes moveToRAM{0%{top:14%;left:37.5%}to{top:-8%;left:60%}}@keyframes moveToContacts{0%{top:22%;left:37.5%}50%{top:9%;left:9%}60%{top:12%;left:5%}70%{top:12%;left:0}85%{top:8%;left:-7%}to{top:-7%;left:-9%}}@keyframes moveToHard{0%{top:15%;left:37.5%}40%{top:35%;left:25%}60%{top:50%;left:25%}80%{top:55%;left:20%}to{top:50%;left:15%}}@keyframes moveToGPU{0%{top:15%;left:37.5%}to{top:50%;left:57%}}#contacts{position:absolute;left:4.2%;top:2.3%;width:31%;z-index:4}#contacts:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px greenyellow)}#cpu{position:absolute;left:39.25%;top:24.5%;width:19.7%;z-index:4}#cpu:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px greenyellow)}#gpu{position:absolute;width:34%;top:37.8%;left:48%;z-index:4}#gpu:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px greenyellow)}#ram{position:absolute;width:25%;top:-32%;left:63%;z-index:4}#ram:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px greenyellow)}#hard{position:absolute;width:32%;top:34%;left:3.5%;z-index:4}#hard:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px greenyellow)}#circuit_elements{width:96.5%;left:3.2%;position:absolute;top:-9.5%;z-index:2}.motherboardLabels{position:absolute;font-size:3vw;z-index:5;transform:scale(0);font-family:Palatino Linotype,Georgia,serif;font-size:2.5vw;letter-spacing:8px;text-transform:uppercase;color:#12e558;-webkit-text-stroke:.5px rgba(0,0,0,.8);text-shadow:0 0 15px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.95),-2px 0 8px rgba(0,0,0,.95),2px 0 8px rgba(0,0,0,.95),0 -2px 8px rgba(0,0,0,.95),0 0 2px #fff,0 0 6px #12e558,0 0 12px #12e558,0 0 25px #12e558,0 0 50px rgba(18,229,88,.7),0 0 90px rgba(18,229,88,.4)}#cpuLabel{top:10%;left:45%}#cpu:hover+#cpuLabel{filter:drop-shadow(0 0 30px rgb(18,229,88));transform:scale(1)}#gpuLabel{top:30%;left:65%}#gpu:hover+#gpuLabel{filter:drop-shadow(0 0 30px rgb(18,229,88));transform:scale(1)}#hardLabel{top:25%;left:20%}#hard:hover+#hardLabel{filter:drop-shadow(0 0 30px rgb(18,229,88));transform:scale(1)}#contactLabel{top:-5%;left:10%}#contacts:hover+#contactLabel{filter:drop-shadow(0 0 30px rgb(18,229,88));transform:scale(1)}#ramLabel{top:-28%;left:70%}#ram:hover+#ramLabel{filter:drop-shadow(0 0 30px rgb(18,229,88));transform:scale(1) rotate(28deg)}#about{min-height:100vh;padding:48px 24px;width:100%;display:flex;justify-content:center;color:#12e558;align-items:flex-start;align-items:stretch}.grid{background-image:linear-gradient(rgba(18,229,88,.03) 1px,transparent 0),linear-gradient(90deg,rgba(18,229,88,.03) 1px,transparent 0);background-size:28px 28px}.grid,.scanlines{position:fixed;inset:0;pointer-events:none}.scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px);z-index:1000;height:100%}.sheet{width:100%;max-width:1200px;min-width:0;border:5px solid rgba(18,229,88,.459);display:grid;grid-template-columns:1fr auto;overflow-x:auto}.leftCol{border-right:3px solid rgba(18,229,88,.18)}.leftCol,.rightCol{display:flex;flex-direction:column}.block{border:3px solid rgba(18,229,88,.18);padding:16px 20px}.cs-avatar{width:300px;height:300px}.charName{font-size:24px;letter-spacing:2px;line-height:1.1}.charLevel{font-size:14px;letter-spacing:3px;text-transform:uppercase;opacity:.8}.barTrack{width:100%;height:8px;background:rgba(18,229,88,.08);border:1px solid rgba(18,229,88,.1);border-radius:2px;overflow:hidden;color:#e52412}.barFill{height:100%;border-radius:2px;box-shadow:0 0 8px currentColor;transition:width .6s ease}.vitalRow{display:grid;grid-template-columns:10% 60% 30%;align-items:center;grid-gap:10px;gap:10px;margin-bottom:10px}.fields{display:flex;flex-direction:column;gap:12px;padding-top:14px}.fieldRow{display:grid;grid-template-columns:80px 1fr;align-items:baseline;grid-gap:12px;gap:12px}.fieldKey{letter-spacing:2px;color:rgba(18,229,88,.35);text-transform:uppercase}.fieldVal{letter-spacing:1px}.eduRow{display:flex;flex-direction:column;gap:2px;margin-top:10px}.degree{letter-spacing:1px;font-family:Cinzel,sans-serif;font-weight:700}.school{letter-spacing:.5px}.blockTitle{letter-spacing:3px;color:rgba(18,229,88,.35);text-transform:uppercase;margin-bottom:12px}.attrGrid{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;gap:8px 16px}.attrRow{display:grid;grid-template-columns:1fr 1fr 4fr 1fr}.attr{font-size:11px;color:#12e558;letter-spacing:2px;text-shadow:0 0 6px rgba(18,229,88,.4)}.attrLabel{letter-spacing:1px;text-transform:uppercase}.loadoutGrid{display:grid;grid-template-columns:1fr 1fr}.loadoutItem{border:1px solid rgba(18,229,88,.15);background:rgba(18,229,88,.03);padding:12px;display:grid;grid-template-columns:32px 1fr;grid-gap:12px;gap:12px;align-items:flex-start}.loadoutIcon{font-size:24px;line-height:1}.loadoutInfo{display:flex;flex-direction:column;gap:4px}.loadoutSlot{font-size:11px;color:#12e558;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 6px rgba(18,229,88,.4)}.loadoutDesc{color:rgba(18,229,88,.4);letter-spacing:1px}.loadoutTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{font-size:12px;letter-spacing:1px;padding:3px 8px;border:1px solid rgba(18,229,88,.2);background:rgba(18,229,88,.04);border-radius:2px}.gitGrid{overflow-x:auto;min-width:0;padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(18,229,88,.1)}.liveCard{border:1px solid rgba(18,229,88,.15);background:rgba(18,229,88,.03);padding:12px;margin-bottom:16px;display:flex;flex-direction:column}.liveCardTitle{letter-spacing:2px;font-size:14px;color:rgba(18,229,88,.6352941176);text-transform:uppercase;margin-bottom:10px}.liveStat{font-size:13px;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px;color:rgba(18,229,88,.802);padding:2px 0;border-bottom:1px solid rgba(18,229,88,.05)}.liveStat:last-of-type{border-bottom:none}.liveVal{font-size:11px;color:#12e558;text-shadow:0 0 6px rgba(18,229,88,.4);letter-spacing:1px}.gitMonths{grid-template-columns:repeat(53,13px);padding-left:24px}.gitMonth{font-size:9px;color:rgba(18,229,88,.511);letter-spacing:.5px}.gitDays{display:flex;flex-direction:column;justify-content:space-around;padding-bottom:2px}.gitDays span{font-size:9px;color:rgba(18,229,88,.51);line-height:1}.gitDay{width:10px;height:10px;border-radius:2px;background:rgba(18,229,88,.08);cursor:pointer;transition:transform .15s ease}.gitDay:hover{transform:scale(1.4)}.gitDay[data-level="1"]{background:rgba(18,229,88,.2)}.gitDay[data-level="2"]{background:rgba(18,229,88,.4)}.gitDay[data-level="3"]{background:rgba(18,229,88,.7)}.gitDay[data-level="4"]{background:#12e558;box-shadow:0 0 6px rgba(18,229,88,.5)}.lcItem{display:grid;align-items:center;grid-template-columns:3fr 18fr 1fr;grid-gap:8px;gap:8px}.lcLabel{width:50px;color:rgba(18,229,88,.4);text-transform:uppercase;letter-spacing:1px}.lcBar{flex:1 1;height:10px;background:rgba(18,229,88,.08);border-radius:2px;overflow:hidden}.lcFill{height:100%;transition:width .6s ease}.lcBar[data-difficulty=easy] .lcFill{background:linear-gradient(90deg,rgba(18,229,88,.3),#12e558)}.lcBar[data-difficulty=medium] .lcFill{background:linear-gradient(90deg,rgba(229,160,18,.3),#e5a012)}.lcBar[data-difficulty=hard] .lcFill{background:linear-gradient(90deg,rgba(229,18,18,.3),#e51212)}.lcBar[data-difficulty=total] .lcFill{background:linear-gradient(90deg,rgba(50,18,229,.3058823529),#3212e5)}.lcCount{font-size:10px;color:#12e558;width:30px;text-align:right}.expedition{font-size:14px;display:grid;grid-template-columns:2fr 3fr 3fr;grid-gap:4px 10px;gap:4px 10px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(18,229,88,.06)}.expedition:last-child{border-bottom:none}.expPeriod,.expPlace{letter-spacing:.5px}.expPlace{color:rgba(18,229,88,.8)}.expRole{color:rgba(18,229,88,.4);text-align:right}.quest{display:grid;grid-template-columns:16px 1fr auto;grid-gap:4px 8px;gap:4px 8px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(18,229,88,.06)}.quest:last-child{border-bottom:none}.questStatus{font-size:11px;color:rgba(18,229,88,.5)}.questName{font-size:14px;color:rgba(18,229,88,.8);letter-spacing:.5px;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.questName:hover{color:#12e558;text-shadow:0 0 8px rgba(18,229,88,.5)}.questNote{font-size:12px;color:rgba(18,229,88,.58);letter-spacing:1px;white-space:nowrap}.gitScroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.gitGrid{min-width:max-content}@media(max-width:768px){.sheet{grid-template-columns:1fr!important;max-width:100%;overflow-x:hidden}.leftCol,.rightCol{min-width:0;border-right:none}.loadoutGrid{grid-template-columns:1fr}.attrGrid{grid-template-columns:1fr 1fr}.block{min-width:0}}@media(max-width:400px){.attrGrid{grid-template-columns:1fr}}.gitWrapper{min-width:0;max-width:100%;overflow:hidden}.gitBottom{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.gitGrid{width:max-content}.gitGrid,.gitWeek{display:flex;gap:3px;flex-shrink:0}.gitWeek{flex-direction:column}.gitDay,.gitDays{flex-shrink:0}.gitMonths{display:grid;width:max-content}#contactContainer{background-image:url(/contacts/river_kon_bridge.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden}#center_island,#lower_island,#right_island,#upper_island{z-index:2;transform:scale(1.05);width:100%;filter:drop-shadow(0 0 30px rgb(21,21,21))}#upper_island{position:absolute;width:90%;height:30%}#center_island{position:absolute;left:10%;width:35%;height:35%;top:35%}#lower_island{position:absolute;bottom:0;width:100%;height:20%}#right_island{position:absolute;right:0;top:20%;height:55%;width:45%}.contactBridges{position:absolute;z-index:6}.contactBridges:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px rgb(21,21,21))}#bridge1,#bridge1_br{top:15%;left:18%;height:30%}#bridge2,#bridge2_br{top:15%;left:33%;height:30%}#bridge3,#bridge3_br{top:65%;left:16%;height:30%}#bridge4,#bridge4_br{top:65%;left:28%;height:30%}#bridge5{top:44%;left:42%;width:20%;height:10%}#bridge5_br{top:40%;left:43%;width:14vw;height:20%}#bridge6,#bridge6_br{top:3%;left:69%;height:30%}#bridge7,#bridge7_br{top:65%;left:85%;height:30%}#bridge8,#bridge8_br{top:65%;left:75%;height:30%}.contactGameInstruction{margin:auto;max-width:70vw;height:auto;padding:30px;box-sizing:border-box;font-size:clamp(.9rem,2vw,1.5rem);background-color:rgba(41,108,59,.614);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.2px);-webkit-backdrop-filter:blur(5.2px);border:1px solid rgba(32,82,45,.36);z-index:7}@media(max-width:768px){.contactGameInstruction{top:20px;font-size:.85rem;padding:14px}#contact{transform:scalex(.9);transform-origin:top left}}.pixelButton{font-size:1.2em;width:200px;height:70px;background:rgba(82,161,121,.7764705882);border:0;position:relative;box-shadow:inset -4px 2px 1px 1px gray,inset -4px -2px 1px 1px #d3d3d3,inset 4px 0 1px 1px #d3d3d3;margin:20px}.pixelButton:hover{cursor:pointer;background-color:rgba(46,48,187,.7568627451)}.pixelButton:active{top:5px;box-shadow:-4px 2px 1px 1px gray,-4px -2px 1px 1px #d3d3d3,4px 0 1px 1px #d3d3d3}.pixelButton:after{left:-2.5%;top:0;width:105%;height:100%}.pixelButton:after,.pixelButton:before{content:"";background:#000;position:absolute;z-index:-1}.pixelButton:before{left:0;top:-5%;width:100%;height:113%}.closeBtn{position:absolute;right:20px;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);font-size:larger}.closeBtn:hover{color:#ede0e0}#mirror{position:absolute;top:75%;left:40%;width:8vw;z-index:4}@media(max-width:768px){#mirror{width:15vw;top:1200%;left:40%}}.blogTags{display:inline;border-radius:10px;border:2px solid #fff;background-color:rgba(255,255,255,.5);margin:1px}.blogTags:hover{background-color:rgba(178,176,176,.251);border-color:rgba(255,255,255,.512);cursor:pointer}.blogCard{background-size:30vw 35vh;background-repeat:no-repeat}#resume,.blogCard{position:relative}.resumePuzzleContainer{display:grid;grid-template-columns:repeat(3,1fr)}.resumeContainer{width:50vw;min-height:60vw;color:lime;text-align:justify;font-family:"'VT323', monospace";background-color:#000;position:relative;z-index:1;padding:1rem;font-size:1.6vw}.resumeGameInstruction{position:absolute;left:50%;transform:translateX(-50%);width:90%;max-width:70vw;height:auto;padding:30px;box-sizing:border-box;font-size:clamp(.9rem,2vw,1.5rem);background-color:rgba(52,127,72,.711);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.2px);-webkit-backdrop-filter:blur(5.2px);border:1px solid rgba(32,82,45,.36);z-index:7}.circuitGrid{margin:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(10,1fr);height:80vh;width:20vw}.circuitGrid .gate{display:grid;transition:transform .3s ease,box-shadow .3s ease;width:100%;height:100%;min-width:0;min-height:0}.circuitGrid .gate svg{width:100%;height:100%;max-width:100%;max-height:100%}.circuitGrid .gate:hover{transform:scale(1.05);box-shadow:0 6px 10px rgba(0,0,0,.2)}.tableToggle{display:none}.hammondBrokenResume{background-color:#e2e511}.fullyRestoredResume{background-color:#03a33e}.tear-v1{animation:flicker 1s linear infinite}.tear-v2{animation:flicker 3s linear infinite}.tear-v3{animation:flicker 2s linear infinite}.isActive{animation:none}.gate-table{position:grid;right:40px;top:100px;background:rgba(79,98,83,.95);border:2px solid lime;padding:20px;border-radius:8px;width:20vw;box-shadow:0 0 20px rgba(0,255,0,.3)}.gate-table h3{color:lime;margin:0 0 15px;font-family:monospace;font-size:1.2rem;text-align:center}.gate-table table{width:100%;border-collapse:collapse;color:lime;font-family:monospace;font-size:.9rem}.gate-table th{background:rgba(0,255,0,.2);padding:10px;text-align:left;border-bottom:2px solid lime;font-weight:700}.gate-table td{padding:8px 10px;border-bottom:1px solid rgba(0,255,0,.3)}.gate-table .gate-name{font-weight:700;color:#0f8}.gate-table .truth-table{font-family:Courier New,monospace;font-size:.85rem}.gate-table tr:hover{background:rgba(0,255,0,.1)}.doneButtons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:768px){.resumeGameInstruction{max-height:100vh;overflow-y:auto;max-width:90vw}.resumePuzzleContainer{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:16px;padding:16px;height:auto}.circuitGrid{width:75vw;margin:auto;transform:rotate(180deg)}}@media(max-width:768px)and (max-width:768px){.resumeContainer{width:90vw;height:auto;min-height:0;font-size:2.7vw;margin:0 auto}}@media(max-width:768px){.gate-table{width:90vw;margin:0 auto}.tableToggle{display:block;margin:10px auto}.gate-table{display:none}.resumePuzzleContainer.tableOpen .gate-table{display:block}}.projectPuzzle{position:relative;width:100%;min-height:100vh}.renderAnchor{transition:filter .1s linear}.channelControls{z-index:100}.projectPage{width:100vw;min-height:100vh}.projectPuzzle{position:absolute;width:100vw;height:100vh}.aberrationStack{position:relative}.channelLayer{position:absolute;top:0;left:0;width:100%;mix-blend-mode:lighten;opacity:.5}.channelLayer.red{filter:grayscale(1) sepia(1) hue-rotate(-50deg) saturate(6)}.channelLayer.green{filter:grayscale(1) sepia(1) hue-rotate(50deg) saturate(6)}.channelLayer.blue{filter:grayscale(1) sepia(1) hue-rotate(180deg) saturate(6)}.channelControls{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:14px;padding:22px 30px;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.2);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;width:340px;max-width:90vw;left:auto;right:20px;transform:none;width:240px}.channelHint{font-family:monospace;font-size:13px;color:rgba(255,255,255,.65);text-align:center;margin-bottom:4px}.channelSlider{display:grid;grid-template-columns:24px 1fr 40px;align-items:center;grid-gap:12px;gap:12px}.channelLabel{font-family:monospace;font-weight:700;font-size:18px;text-align:center}.channelLabel.red{color:#f44;text-shadow:0 0 8px #f44}.channelLabel.green{color:#4f4;text-shadow:0 0 8px #4f4}.channelLabel.blue{color:#48f;text-shadow:0 0 8px #48f}.channelValue{font-family:monospace;font-size:14px;color:rgba(255,255,255,.7);text-align:right}.rSlider{accent-color:#f44}.gSlider{accent-color:#4f4}.bSlider{accent-color:#48f}.channelControls input[type=range]{width:100%;height:6px;cursor:pointer}@media(max-width:768px){.channelControls{bottom:20px;width:90vw;padding:16px 20px}.channelHint{font-size:11px}}.projectsContainer{padding:30px 0 0 30px;display:grid;min-height:100vh;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:30px;gap:30px;background-image:url(/blog/background.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;top:0;color:#aaaeee}.projects{height:calc((75vh - 60px - 30px)/2);width:calc((70vw - 60px)/3);background-color:rgba(255,255,255,.5);border:15px solid rgba(0,0,0,.582);border-radius:4px;position:relative}.projects:hover{background-color:rgba(255,255,255,.8)}@media(max-width:768px){.projectsContainer{grid-template-columns:1fr;grid-template-rows:auto;gap:20px;padding:20px;min-height:100vh;height:auto}.projects{width:90vw;height:50vw;max-width:400px;margin:0 auto;border-width:8px}}a:link{color:unset;text-decoration:none}.invisible{opacity:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;background:#1a1a1a;border-radius:5px;outline:none;opacity:.9;transition:opacity .2s;cursor:pointer}.hamming{display:grid;grid-template-rows:1fr 1fr 1fr 1fr;width:50vw;height:60vw;color:lime;text-align:justify;font-family:"'VT323', monospace";color:"lime";background-color:#000;box-shadow:"0 0 20px lime";position:absolute;left:calc(20vw + 55px);z-index:1;font-size:1.7vw;opacity:.6;grid-gap:1vw;gap:1vw;padding:2vw}.hammingRow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:.5vw;gap:.5vw;border:2px solid lime;padding:.5vw;background:rgba(184,82,82,.7);border-radius:4px}.hammingRow.fixed{border-color:#0f8;opacity:.3;background:rgba(71,154,83,.7)}.hammingCell{border:1px solid lime;background:rgba(0,255,0,.1);color:lime;font-family:monospace;font-size:7vw;cursor:pointer;transition:all .2s;text-shadow:0 0 8px currentColor;line-height:1;text-align:center;vertical-align:bottom;margin:0;box-sizing:border-box;padding:auto;place-items:center;display:flex;align-items:center;justify-content:center}.hammingCell.parity{background:rgba(255,170,0,.2);border-color:#fa0;color:#fa0;cursor:help}.hammingCell:hover:not(.parity){background:rgba(0,255,0,.3);transform:scale(1.1)}.hammingCell.highlighted{background:rgba(0,255,255,.3);border-color:aqua;box-shadow:0 0 10px rgba(0,255,255,.5)}.hammingCell:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.hamming{position:relative;left:0;width:90vw;height:auto;min-height:0;font-size:3vw;margin:0 auto;opacity:1}.hammingCell{font-size:10vw}}.alert{display:grid;height:30vh;padding:15px 30px;border-radius:8px;font-family:VT323,monospace;font-size:1.5vw;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,.5);z-index:1000;animation:slideUp .3s ease-out;background:rgba(0,255,0,.2);border:2px solid lime;color:lime;box-shadow:0 4px 20px rgba(0,255,0,.4),0 0 40px rgba(0,255,0,.2)}@media(max-width:768px){.alert{font-size:4vw;height:auto;padding:12px 16px}}#blog{width:100%;min-height:100vh;min-height:100dvh;text-align:center;background-image:url(/blog/background.jpg);background-size:cover;background-position:50%;position:relative}.levelSelector{position:relative;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;gap:0}.levelButton[data-active=true]{background:#114743}@media(max-width:768px){.pixelButton{min-width:120px;min-height:50px;font-size:1em;margin:8px}}.legendSwatch[data-type=damaged]{animation:flicker .5s infinite}.legends{display:flex;flex-direction:row;justify-content:space-between}.xorPanel{border-left:1px solid #81bc81;z-index:7;width:clamp(220px,22vw,320px);color:#cfeccf}.xorTitle{font-size:clamp(.85rem,1.4vw,1.05rem);letter-spacing:1px;color:lime;margin-bottom:12px}.xorRule{font-size:clamp(.72rem,1.1vw,.85rem);line-height:1.5;color:rgba(207,236,207,.85);margin-bottom:14px}.xorTruth{width:100%;margin-bottom:14px;border-collapse:collapse;font-size:clamp(.8rem,1.2vw,.95rem)}.xorTruth td{padding:2px 8px;color:#afa}.xorTruth td:first-child{color:#cfeccf}.xorFormula{font-size:clamp(.75rem,1.1vw,.9rem);line-height:1.6;color:#fa0;margin-bottom:14px;padding:10px;background:rgba(255,170,0,.08);border-left:2px solid #fa0;border-radius:0 4px 4px 0}.xorHighlight{display:block;margin-top:6px;color:rgba(207,236,207,.9);font-size:clamp(.7rem,1vw,.82rem)}.xorExample{font-size:clamp(.85rem,1.3vw,1rem);letter-spacing:3px;line-height:1.8}.xorRow{color:lime}.xorLabel{display:inline-block;width:28px;color:rgba(207,236,207,.6);letter-spacing:0}.xorParity{color:#fa0}.xorNote{font-size:clamp(.72rem,1.1vw,.85rem)}@media(max-width:768px){.xorPanel{position:relative;top:auto;left:auto;width:90%;margin:20px auto}}.raidPanel{width:60%;padding:18px 20px;margin:auto;text-align:center;font-size:clamp(.9rem,2vw,1.5rem);background-color:rgba(41,108,59,.614);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5.2px);-webkit-backdrop-filter:blur(5.2px);border:1px solid rgba(32,82,45,.36);z-index:7}.raidPanelTitle{font-size:clamp(.85rem,2vw,1.05rem);letter-spacing:1px;color:#090c2f;margin-bottom:4px}.raidPanelDesc{font-size:clamp(.7rem,1.1vw,.85rem);color:rgba(170,255,170,.7);margin-bottom:14px}.raidPanelHow{font-size:clamp(.72rem,1.1vw,.88rem);line-height:1.6;color:rgba(207,236,207,.9);margin-bottom:16px}@media(max-width:768px){.levelButton{min-height:44px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;box-sizing:border-box}}.legend{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid rgba(0,255,0,.15)}.legendRow{display:flex;align-items:center;gap:10px}.legendSwatch{width:16px;height:16px;border-radius:3px;flex-shrink:0}.legendSwatch[data-type=data]{background:lime;box-shadow:0 0 8px rgba(0,255,0,.5)}.legendSwatch[data-type=parity]{background:#fa0;box-shadow:0 0 8px rgba(255,170,0,.5)}.legendSwatch[data-type=damaged]{background:red;box-shadow:0 0 8px rgba(255,0,0,.5)}.legendLabel{font-size:clamp(.7rem,1.1vw,.85rem);color:rgba(207,236,207,.9)}#RAIDcontainer{top:0;color:#aaaeee;display:flex;gap:30px;justify-content:center;align-items:center;padding:40px;perspective:1000px;box-sizing:border-box}.RAIDdrive{min-height:clamp(100px,55vh,500px);width:clamp(200px,18vw,240px);background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:3px solid #333;border-radius:15px;padding:clamp(15px,2vw,30px) clamp(10px,1.5vw,20px);display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 2px 5px rgba(255,255,255,.1),inset 0 -2px 5px rgba(0,0,0,.5);position:relative;transform:rotateX(5deg) rotateY(-2deg);transition:transform .3s ease}.RAIDdrive:hover{transform:rotateX(0deg) rotateY(0deg) scale(1.05);box-shadow:0 15px 40px rgba(0,255,0,.3)}.RAIDdrive:before{top:-5px;width:40px;height:40px;background:radial-gradient(circle,#444 0,#222 100%);border:2px solid #555;box-shadow:inset 0 2px 5px rgba(0,0,0,.5)}.RAIDdrive:after,.RAIDdrive:before{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.RAIDdrive:after{top:10px;width:12px;height:12px;background:#666;box-shadow:0 1px 2px rgba(0,0,0,.8),inset 0 1px 1px rgba(255,255,255,.3)}.RAIDblock{background:rgba(0,255,0,.1);border:1px solid lime;border-radius:4px;font-size:clamp(12px,1.2vw,18px);padding:clamp(6px,.8vw,12px);margin:8px 0;flex:1 1;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;font-size:14px;color:lime;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,255,0,.2);transition:all .2s ease}.RAIDblock:hover{background:rgba(0,255,0,.2);box-shadow:0 0 10px rgba(0,255,0,.5)}.RAIDblock.data{border-color:lime;color:lime}.RAIDblock:before{position:absolute;top:2px;right:4px;font-size:10px;opacity:.6}.RAIDblock.damaged{background:rgba(255,0,0,.2);border-color:red;color:red;animation:flicker .5s infinite}.RAIDblock.damaged:before{content:"⚡💀";font-size:20px}.RAIDblock.parity{background:rgba(255,170,0,.1);border-color:#fa0;color:#fa0}.RAIDblock.recovered{background:rgba(0,255,0,.3);border-color:#0f8;animation:glow 1s ease-out}@keyframes flicker{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%{box-shadow:0 0 30px lime}to{box-shadow:0 0 10px rgba(0,255,0,.3)}}.drive-label{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px}#blogCardContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media(max-width:768px){#blogCardContainer{grid-template-columns:1fr}}.blogTagList{list-style-type:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;justify-content:center}.blogTags{cursor:pointer}.blogCard h2{font-size:clamp(.7rem,1.8vw,1.2rem);line-height:1.2}.blogCard p{font-size:clamp(.6rem,1.4vw,.95rem);line-height:1.3}@media(max-width:768px){#blogCardContainer{grid-template-columns:1fr;justify-items:center}.blogCard{max-width:400px;width:100%}}a:active,a:hover,a:visited{text-decoration:none}.pheader{font-size:15px;font-family:Playfair Display,serif;background-color:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;margin:0}.thumbnail{min-height:calc((75vh - 60px - 30px)/3)}.thumbimg,.thumbnail{display:block;margin:auto}.thumbimg{height:calc((75vh - 60px - 30px)/3)}.dfooter{font-size:15px;font-style:italic;color:#fff;height:20%;width:100%;background-color:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;display:block;bottom:0}@media(max-width:768px){.thumbnail{min-height:0;height:auto}.thumbimg{height:auto;width:80%;max-height:40vw;object-fit:contain}}#contact{padding:20px}#contactFormDiv{background-color:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;padding:40px;top:30px;margin:auto;text-align:center;width:80%}#contactform{margin:auto;text-align:left;padding:15px;font-weight:900}#contactform,.contactInput{display:block;font-size:17px}.contactInput{width:90%;color:inherit;background-color:rgba(255,255,255,.239);margin-top:5px;margin-bottom:5px;color:#000}.contactInput:hover{background-color:rgba(255,255,255,.452)}#message{height:200px}#contactsubmit{display:block;margin:auto}