@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap";:root{--primary: #000;--secondary: #fff;--accent: #2d2d2d;--border-width: 3px;--border-color: #000}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}@keyframes colorShift{0%{background-color:#06c}33%{background-color:gold}66%{background-color:#0c6}to{background-color:#06c}}body{font-family:Fira Code,monospace;background-color:#06c;animation:colorShift 15s ease-in-out infinite;color:#000;line-height:1.6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:2rem 1rem}main{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative}main:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:20px;height:calc(100% - 280px);top:280px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 100' preserveAspectRatio='none'%3E%3Cpolyline points='0,0 10,5 0,10 10,15 0,20 10,25 0,30 10,35 0,40 10,45 0,50 10,55 0,60 10,65 0,70 10,75 0,80 10,85 0,90 10,95 0,100' stroke='%23000' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:20px auto;z-index:0}#header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:0}h1{font-size:2.5rem;font-weight:700;letter-spacing:2px;color:#000;border:var(--border-width) solid var(--border-color);padding:1.5rem 2rem;background:#fff;margin:0;font-family:Fira Code,monospace;white-space:nowrap;box-shadow:8px 8px #0000004d;text-transform:uppercase}.blinking-cursor{animation:blink 1s step-end infinite;color:#000;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}#social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:0}#social-links a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:var(--border-width) solid var(--border-color);background:#fff;color:#000;text-decoration:none;transition:all .2s ease;box-shadow:4px 4px #0000004d}#social-links a:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #0000004d;background:#f5f5f5}#social-links a:active{transform:translate(0);box-shadow:2px 2px #0000004d}#social-links svg{width:28px;height:28px}#intro{text-align:center;border:var(--border-width) solid var(--border-color);padding:2rem;background:#fff;box-shadow:8px 8px #0000004d;position:relative;z-index:1}.profile-image{width:150px;height:150px;border:var(--border-width) solid var(--border-color);display:block;margin:0 auto 1.5rem;aspect-ratio:1;object-fit:cover}#intro p{font-size:1.1rem;line-height:1.8;color:#000;max-width:600px;margin:0 auto}#intro a{color:#000;text-decoration:underline;font-weight:700;border-bottom:2px solid #000;transition:background .2s ease}#intro a:hover{background:#ff0}#tracktor{text-align:center;border:var(--border-width) solid var(--border-color);padding:2rem;background:#fff;box-shadow:8px 8px #0000004d;max-width:700px;margin-bottom:2rem;position:relative;z-index:1}#tracktor p{font-size:1.1rem;line-height:1.8;color:#000;margin:0}#tracktor a{color:#000;text-decoration:underline;font-weight:700;border-bottom:2px solid #000;transition:background .2s ease}#tracktor a:hover{background:#ff0}#status{text-align:center;border:var(--border-width) solid var(--border-color);padding:2rem;background:#fff;box-shadow:8px 8px #0000004d;max-width:700px;margin-bottom:2rem;position:relative;z-index:1;contain:layout}#status-title{font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;color:#000}#status-text{font-size:1.2rem;line-height:1.8;color:#000;margin:0;min-height:2.16em;overflow:hidden;will-change:contents}#status-text .blinking-cursor{margin-left:4px}#loading-indicator{display:inline-block;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){body{padding:1rem .5rem}main{gap:2rem}h1{font-size:1.8rem;padding:1rem 1.5rem;box-shadow:6px 6px #000}#social-links{gap:1rem}#social-links a{width:50px;height:50px;box-shadow:3px 3px #000}#social-links a:hover{box-shadow:6px 6px #000;transform:translate(-3px,-3px)}#social-links a:active{box-shadow:1px 1px #000}#intro,#tracktor,#status{padding:1.5rem;box-shadow:6px 6px #000}.profile-image{width:140px;height:140px}#intro p,#tracktor p,#status-text{font-size:1rem}#status-title{font-size:1.1rem}}@media (max-width: 480px){h1{font-size:1.5rem;padding:.75rem 1rem;box-shadow:4px 4px #000}#social-links{gap:.75rem}#social-links a{width:45px;height:45px;box-shadow:2px 2px #000}#social-links a:hover{box-shadow:4px 4px #000;transform:translate(-2px,-2px)}#intro,#tracktor,#status{padding:1rem;box-shadow:4px 4px #000}.profile-image{width:130px;height:130px}#intro p,#tracktor p,#status-text{font-size:.95rem}#status-title{font-size:1rem;margin-bottom:1rem}}