body{

margin:0;
font-family:monospace;
background:black;
color:#00ff41;

}

canvas{

position:fixed;
top:0;
left:0;
z-index:-1;

}

header{

text-align:center;
padding:30px;

}

nav{

display:flex;
justify-content:center;
gap:30px;

}

nav a{

color:#00ff41;
text-decoration:none;

}

nav a:hover{

text-shadow:0 0 10px #00ff41;

}

.glow{

text-shadow:

0 0 5px #00ff41,
0 0 20px #00ff41,
0 0 40px #00ff41;

}

.hero{

text-align:center;
padding:80px 20px;

}

section{

padding:60px 20px;
text-align:center;

}

.grid{

display:flex;
justify-content:center;
flex-wrap:wrap;
gap:30px;

}

.card{

border:1px solid #00ff41;
padding:20px;
width:300px;
border-radius:10px;

box-shadow:

0 0 10px #00ff41,
0 0 20px #00ff41;

background:rgba(0,0,0,0.6);

}

.card img{

width:100%;
border-radius:10px;

}

ul{

text-align:left;

}

.icons{

display:flex;
justify-content:center;
gap:20px;

}

.icons a{

border:1px solid #00ff41;
padding:10px 20px;

text-decoration:none;
color:#00ff41;

}

.icons a:hover{

background:#00ff41;
color:black;

}

footer{

text-align:center;
padding:20px;

}

a{

color:#00ff41;

}

a:hover{

text-shadow:0 0 8px #00ff41;

}

.tech{

font-size:0.85em;
opacity:0.7;
margin-top:8px;

}

.timeline{

margin-top:16px;
text-align:left;

}

.timeline-item strong{

display:block;
margin-bottom:4px;

}