@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;500;700&display=swap";body{scroll-behavior:smooth;background-color:#000;width:100vw;min-height:100vh;margin:0;overflow-x:hidden}.magic-rings-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.hero{color:#fff;justify-content:center;align-items:center;display:flex;position:relative}.name{white-space:nowrap;letter-spacing:-2px;font-family:Geist Mono,monospace;font-size:10rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav{z-index:100;pointer-events:auto;justify-content:center;width:100%;display:flex;position:relative;top:25px}.nav ul{color:#fff;align-items:center;gap:30%;width:100%;height:40px;margin:0;padding:auto;list-style:none;display:flex;position:fixed;top:10px;left:20px}.nav li{color:#f8f8f8;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#615c5c0d;border:3px solid #e0d2d21f;justify-content:center;align-items:center;width:200px;height:40px;font-family:Geist Mono,monospace;font-size:35px;transition:all .2s;display:flex;box-shadow:0 8px 32px #0000004d}.nav li:hover{background:#ffffff1f;border-color:#ffffff4d}.nav li a{color:inherit;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}button{color:#fff;cursor:pointer;background-color:#0000;border:none;font-family:Geist Mono,monospace;font-size:34px}.social-box{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:75px;padding:24px 0;display:flex;position:absolute;top:50%;left:35px;transform:translateY(-50%);box-shadow:0 8px 32px #0000004d}.social-box a{color:#ffffffd9;transform-origin:50%;will-change:transform;font-size:65px;transition:transform .15s ease-out,color .15s ease-out;display:inline-flex}.social-box a:hover{color:#fff;transform:scale(1.25)}.shiny-text{display:inline-block}.lanyard-wrapper{z-index:10;justify-content:center;align-items:center;width:100%;height:125%;display:flex;position:absolute;top:-180px;right:-620px}*{box-sizing:border-box}.page{z-index:1;color:#fff;background:linear-gradient(#0000 0,#000 150px);place-content:center;align-items:center;min-height:110vh;margin-top:-150px;padding:220px 40px 60px;font-family:Space Grotesk,sans-serif;position:relative}.heading{margin:0 0 24px;max-width:1100px;margin-inline:auto;font-size:36px;font-weight:700}.rambo{grid-template:"photo intro intro""photo skills clock""lore stack stack"/340px 1fr 1fr;gap:20px;max-width:1400px;margin:0 auto;display:grid}.card{background:#0a0a0a;border:1px solid #ffffff14;border-radius:20px;padding:28px 30px}.label{letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.photo{grid-area:photo;padding:0;overflow:hidden}.avatar{background:radial-gradient(circle at 50% 30%,#3a3a3a,#141414 70%);justify-content:center;align-items:center;width:100%;height:100%;min-height:440px;display:flex}.avatar span{color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700}.intro{z-index:1;flex-direction:column;grid-area:intro;justify-content:center;min-height:200px;display:flex;position:relative;overflow:visible}.intro h1{z-index:2;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 18px;line-height:1.3;display:flex;position:relative}.intro h1 .im{color:#fff;font-size:34px;font-weight:700}.intro h1 .name{color:#fff;margin-left:16px;font-size:52px;font-weight:700;display:flex}.intro p{color:#ffffff8c;max-width:65ch;margin:0;font-size:16px;line-height:1.75}.skills{background:linear-gradient(150deg,#7c3aed,#9333ea 60%,#7c3aed);flex-direction:column;grid-area:skills;justify-content:space-between;min-height:220px;display:flex}.skills .label-row{justify-content:space-between;align-items:center;display:flex}.skills .label{color:#fff;margin:0;font-size:22px;font-style:italic}.skills .spark{opacity:.85;font-size:22px}.skills ul{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.skills li{font-size:14.5px;font-style:italic;font-weight:700}.clock{grid-area:clock;justify-content:center;align-items:center;min-height:220px;display:flex}.clock .time{letter-spacing:.03em;text-shadow:0 0 12px #ffffff8c,0 0 28px #ffffff40;font-family:JetBrains Mono,monospace;font-size:38px;font-weight:700}.clock .ampm{opacity:.8;margin-left:8px;font-size:20px}.lore{grid-area:lore;min-height:200px}.lore p{color:#fff9;margin:0;font-size:15px;line-height:1.75}.lore b{color:#fff}.stack{flex-direction:column;grid-area:stack;justify-content:center;align-items:center;min-height:200px;display:flex}.stack-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;font-size:50px;display:flex}.stack-icons svg{opacity:.9}.c-node{color:#3c873a}.c-discord{color:#5865f2}.c-edge{color:#06beb5}.c-docker{color:#2496ed}.c-python{color:#f7b93e}.c-postman{color:#ef5b25}@media (width<=800px){.bento{grid-template-columns:1fr;grid-template-areas:"photo""intro""skills""clock""lore""stack"}.avatar{min-height:300px}}