:root{font-family:DM Sans,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{text-decoration:none}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100vw;height:100vh;background-color:#fff}.flex-row-center{display:flex;align-items:center}.point-2-gap{gap:.2rem}#bg-upper{width:100%;height:50%;position:absolute;background-color:#fff;background-image:repeating-linear-gradient(45deg,black 25%,transparent 25%,transparent 75%,black 75%,black),repeating-linear-gradient(45deg,#000 25%,#fff 25% 75%,#000 75%,#000);background-position:0 0,10px 10px;background-size:20px 20px;z-index:0}#year{width:100%;position:fixed;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:2}#year span{background-color:#000;color:#bababa;font-weight:900;font-size:3rem;line-height:1;margin:0;padding:0;pointer-events:auto}#year span::selection{color:#000;background-color:#7fff00}#year span:hover{color:#7fff00}main{width:100%;height:100%;position:relative;padding:40px;z-index:1}#main-page{background-color:#1f1f1f;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.corner-circle{width:12px;height:12px;background-color:#bababa;border-radius:50%;position:absolute}.circle-top-left{top:1.25rem;left:1.25rem;transform:translate(-50%,-50%)}.circle-top-right{top:1.25rem;right:1.25rem;transform:translate(50%,-50%)}.circle-bottom-left{bottom:1.25rem;left:1.25rem;transform:translate(-50%,50%)}.circle-bottom-right{bottom:1.25rem;right:1.25rem;transform:translate(50%,50%)}.info p,.info a{font-family:DM Mono,Courier New,Courier,monospace;color:#fff;font-size:.75rem;letter-spacing:-.01rem}.info>div{justify-content:space-between}.info p::selection,.info a::selection{color:#000;background-color:#fff}#role{color:#00d0ff}#role:hover{color:#f99f3f}#linkedIn:hover,#instagram:hover{color:#bababa}#portfolio:hover{color:#ff86f1}.name{position:relative;display:flex;justify-content:center}.name-container{text-align:center;border:solid 1px white;height:4.3rem;width:26.45rem;position:relative;overflow:hidden}.name-container>h1{margin:0;padding:0;white-space:nowrap;color:#fff;font-weight:400;font-size:6rem;letter-spacing:-.08rem;transform:translate(-.6%,-17%)}.name-container>h1::selection{color:#000;background-color:#ff006f}.name-container>h1:hover{color:#ff006f}.decor{position:absolute;top:0;left:0}.decor #crosshair{position:absolute;top:2.15rem;left:16rem;transform:translate(-50%,-50%)}.decor #handle{position:absolute;top:2.7rem;left:24.85rem;transform:translate(-50%,-50%)}.corner-rect{width:7px;height:7px;background-color:#fff;position:absolute;transform:translate(-50%,-50%)}.top-left,.left-middle,.bottom-left{left:0}.bottom-left,.bottom-middle,.bottom-right{top:100%}.right-middle,.left-middle{top:50%}.top-middle,.bottom-middle{left:50%}.top-right,.bottom-right,.right-middle{left:100%}footer{position:absolute;bottom:.9rem}footer p{font-family:DM Mono,Courier New,Courier,monospace;color:#fff;line-height:1;font-size:.625rem;margin:0}footer p::selection{color:#000;background-color:#fff}