@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glow{0%,to{text-shadow:0 0 4px #00ff9f,0 0 8px #00ff9f,0 0 12px #00ff9f}50%{text-shadow:0 0 8px #00ff9f,0 0 16px #00ff9f,0 0 24px #00ff9f}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}body{font-family:JetBrains Mono,Courier New,monospace;font-size:16px;line-height:1.7;color:#00ff9f;background:linear-gradient(180deg,#0a0e1a,#0f1419);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,255,159,.03) 0px,transparent 1px,transparent 2px,rgba(0,255,159,.03) 3px);pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#00ff9f,transparent);animation:scanline 8s linear infinite;pointer-events:none;z-index:2;opacity:.3}p{margin-top:1em;margin-bottom:1em}.main-part{margin:4em auto;padding:2em 1.5em;max-width:900px;border:1px solid #00ff9f;border-radius:2px;background:#0a0e1ad9;box-shadow:0 0 30px #00ff9f26,inset 0 0 60px #00ff9f05;position:relative;z-index:3}.main-part:before{content:">";position:absolute;left:.5em;top:.5em;color:#ff006e;font-weight:700;animation:cursor-blink 1s infinite}a{color:#00d9ff;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;position:relative}a:hover{color:#00ff9f;border-bottom-color:#00ff9f;text-shadow:0 0 8px #00ff9f}a:visited{color:#00b8d4}.name-and-pics{display:flex;align-items:center;margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid #00ff9f;box-shadow:0 1px #00ff9f4d}.my-name{display:flex;flex:1}.my-name>h3{font-weight:700;font-size:1.6em;color:#00ff9f;letter-spacing:.5px;text-transform:uppercase;animation:glow 3s ease-in-out infinite}.my-name>h3:before{content:"$ ";color:#ff006e}.sub-heading{display:flex;margin-top:3em;margin-bottom:1em}.sub-heading>h1{font-weight:700;font-size:1.4em;color:#ff006e;border-bottom:2px solid #ff006e;padding-bottom:.3em;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,0,110,.5)}.sub-heading>h1:before{content:"# ";color:#00d9ff}.pics{position:relative}.pic-of-me{height:5em;width:5em;margin-left:2em;position:absolute;border-radius:4px;border:2px solid #00ff9f;transition:opacity .2s ease;box-shadow:0 0 20px #00ff9f66;filter:brightness(.9) contrast(1.1)}.pic-of-me:active{display:none}.pic-of-me-alt{height:5em;width:5em;margin-left:2em;border-radius:4px;border:2px solid #00ff9f;box-shadow:0 0 20px #00ff9f66;filter:brightness(.9) contrast(1.1)}.about-me>u{text-decoration:none;border-bottom:2px solid #00ff9f;font-weight:600;color:#00ff9f}#projects>ul{padding-left:1.5em;list-style:none}#projects>ul>li{margin-bottom:1.5em;padding-left:1em;border-left:3px solid #00ff9f;transition:all .3s ease}#projects>ul>li:before{content:"→ ";color:#ff006e;margin-left:-1.5em;margin-right:.5em;font-weight:700}#projects>ul>li:hover{border-left-color:#ff006e;padding-left:1.5em;background:#00ff9f08}.project-name{font-style:normal;font-size:1.05em;font-weight:700;color:#00d9ff}.project-name:before{content:"";color:#ff006e}.project-name:after{content:"";color:#ff006e}.fa{margin-right:1em;color:#00d9ff;transition:all .3s ease}.fa:hover{color:#00ff9f;transform:scale(1.1);filter:drop-shadow(0 0 8px #00ff9f)}#music iframe{margin-top:1em;border:1px solid #00ff9f;border-radius:2px;box-shadow:0 0 15px #00ff9f33}em{color:#00d9ff;font-style:normal}