@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--green: #5de81e;--green-dim: rgba(82, 255, 0, .6);--green-glow: rgba(82, 255, 0, .15);--green-dark: #1a3300;--bg: #060d04;--bg-panel: #080e05;--scanline-color: rgba(0, 0, 0, .35);font-family:Share Tech Mono,monospace;font-weight:400;font-style:normal}body{margin:0;min-height:100vh;position:relative;background-color:#0a0a0a}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,var(--scanline-color) 0px,var(--scanline-color) 1px,transparent 1px,transparent 4px);pointer-events:none;z-index:9000;animation:scanMove 8s linear infinite}.corner{position:fixed;width:30px;height:30px;border-color:#297e0d;border-style:solid;z-index:100}.corner-tl{top:15px;left:15px;border-width:2px 0 0 2px}.corner-tr{top:15px;right:15px;border-width:2px 2px 0 0}.corner-bl{bottom:15px;left:15px;border-width:0 0 2px 2px}.corner-br{bottom:15px;right:15px;border-width:0 2px 2px 0}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.header{padding:18px 40px 0;text-align:center;position:relative}.header-title{font-size:14px;letter-spacing:6px;color:var(--green-dim);margin-bottom:6px;text-transform:uppercase}.navbar{display:flex;justify-content:center;gap:60px;padding:0 40px}.nav-item{font-size:42px;letter-spacing:4px;color:var(--green-dim);text-decoration:none;position:relative;cursor:pointer;transition:all .1s;text-shadow:0 0 10px rgba(82,255,0,.3)}.nav-item.active,.nav-item:hover{color:var(--green);text-shadow:0 0 20px var(--green),0 0 40px rgba(82,255,0,.4)}.nav-item.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--green);box-shadow:0 0 8px var(--green)}.nav-item:hover{color:#58c52166}.separator{color:var(--green-dim);border:1px solid var(--green-dim);position:relative;top:10px}.subheader{color:var(--green-dim);position:relative;top:30px}@keyframes globalAnim{0%{transform:translateY(0) translate(0)}50%{transform:translateY(1px) translate(1px)}to{transform:translateY(0) translate(0)}}.stat-screen{display:flex;margin-top:50px;flex-direction:row;font-size:14px;gap:20px}.competences-list{display:flex;flex-direction:column;flex-shrink:0;width:350px;flex-wrap:nowrap;text-align:start;padding:20px;font-size:25px;color:#7cfc00}li{list-style:none;margin-bottom:20px;border-radius:20px;width:100%;padding:20px;#animation: globalAnim 1s infinite ease-in-out}li:hover{background-color:#7cfc00;color:#000;cursor:pointer}li:hover:before{content:"> "}.header-title-stats{position:absolute;font-size:14px;letter-spacing:6px;color:var(--green-dim);margin-bottom:6px;text-transform:uppercase}@keyframes globalAnim{0%{transform:translateY(0) translate(0)}50%{transform:translateY(1px) translate(2px)}to{transform:translateY(0) translate(0)}}.data-screen{display:flex;margin-top:50px;justify-content:center;flex-direction:column;align-items:center;color:green}.welcome-message{text-align:center;font-size:40px}.box-skills{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;color:#5de81e;flex:1;align-items:stretch;margin-left:25px}.skill-item{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #5de81e;padding:5px}.skill-item:hover{background-color:#396e23;cursor:pointer}