* { margin: 0; padding: 0; }
body { background: none; overflow: hidden; }
canvas { display: block; }
#content {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
color: #fff;
font-family: ‘Courier New’, monospace;
z-index: 1;
}
img {
width: 200px;
height: auto;
margin-bottom: 20px;
}
h1 {
font-size: 36px;
color: #FF0000;
margin: 0;
letter-spacing: 4px;
}
span {
font-size: 48px;
}
p {
font-size: 18px;
color: #CCCCCC;
margin: 20px 0;
}
a {
text-decoration: none;
color: #CCCCCC;
transition: color 0.3s ease;
}
a:hover {
color: #FF0000;
}
.link {
font-family: ‘Trebuchet MS’, sans-serif;
font-size: 18px;
margin: 10px;
display: inline-block;
padding: 8px 16px;
border: 1px solid #FF0000;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.link:hover {
background-color: #FF0000;
color: #fff;
}

var c = document.getElementById(“c”);
var ctx = c.getContext(“2d”);

c.height = window.innerHeight;
c.width = window.innerWidth;

var english = “1001010101110101010101010010101000101011101111010101010110101010101010101110000101”;
english = english.split(“”);

var font_size = 15;
var columns = c.width / font_size;
var drops = [];

for (var x = 0; x < columns; x )
drops[x] = 1;

function draw() {
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, c.width, c.height);

ctx.fillStyle = "#0F0";
ctx.font = font_size "px arial";

for (var i = 0; i c.height && Math.random() > 0.975)
drops[i] = 0;

drops[i] ;
}
}

setInterval(draw, 33);