body{
background:black;
color:#00ffc3;
font-family:monospace;
overflow:hidden;
}

#matrix{
position:fixed;
top:0;
left:0;
z-index:-3;
}

.eva{
position:fixed;
background:url("assets/eva.png") center no-repeat;
background-size:contain;
width:900px;
height:900px;
opacity:0.08;
left:50%;
top:60%;
transform:translate(-50%,-50%);
z-index:-2;
}

.system{
width:80%;
margin:auto;
padding-top:60px;
}

#projects{
display:flex;
gap:30px;
margin-bottom:40px;
}

.project{
border:2px solid #00ffc3;
padding:30px;
flex:1;
cursor:pointer;
transition:.3s;
}

.project:hover{
background:#00ffc315;
}

#terminal{
border:2px solid #00ffc3;
padding:20px;
height:300px;
display:flex;
flex-direction:column;
}

#output{
flex:1;
overflow-y:auto;
margin-bottom:10px;
}

#input{
background:black;
border:1px solid #00ffc3;
color:#00ffc3;
padding:8px;
font-family:monospace;
}

.help{
color:#00b7ff;
}

.warning{
color:#ff0044;
}

/* CRT */

#crt{
pointer-events:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:
linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.2) 50%);
background-size:100% 4px;
z-index:2;
mix-blend-mode:overlay;
}