/* ===== GLOBAL STYLE ===== */

body{
background:#000;
color:#00ff9c;
font-family:"Courier New",monospace;
margin:0;
padding:20px;
line-height:1.6;
}

/* ===== MATRIX BACKGROUND ===== */

body::before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-image:linear-gradient(rgba(0,255,150,0.05) 1px, transparent 1px);
background-size:100% 3px;
pointer-events:none;
}

/* ===== HEADING STYLE ===== */

h1{
text-align:center;
font-size:40px;
color:#00ff9c;
text-shadow:0 0 10px #00ff9c;
border-bottom:2px solid #00ff9c;
padding-bottom:10px;
}

h4{
color:#00e676;
border-left:4px solid #00ff9c;
padding-left:10px;
margin-top:35px;
}

h5{
color:#66ffcc;
}

/* ===== TEXT ===== */

p{
color:#baffd7;
font-size:15px;
}

/* ===== TERMINAL COMMAND BOX ===== */

code{
display:inline-block;
background:#020202;
border:1px solid #00ff9c;
padding:8px 12px;
color:#00ff9c;
box-shadow:0 0 8px #00ff9c55;
}

/* ===== TABLE ===== */

table{
border-collapse:collapse;
margin-top:20px;
}

th{
background:#002d20;
color:#00ff9c;
padding:10px;
border:1px solid #00ff9c;
}

td{
padding:10px;
border:1px solid #004d36;
}

/* ===== LIST ===== */

ul,ol{
margin-left:30px;
}

/* ===== FOOTER ===== */

footer{
text-align:center;
margin-top:50px;
border-top:2px solid #00ff9c;
padding-top:15px;
}

footer a{
color:#00ff9c;
text-decoration:none;
margin:10px;
padding:6px 12px;
border:1px solid #00ff9c;
transition:.3s;
}

footer a:hover{
background:#00ff9c;
color:#000;
box-shadow:0 0 10px #00ff9c;
}