html, body {
    background: #003300 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAABtJREFUOMtjZGBgSGMYSMA46oJRF4y6YJC4AABSsQM5OzmgcAAAAABJRU5ErkJggg==');
    color: green;
    font-family: monospace;
}

@keyframes blink
{
0% {opacity: 0;}
20% {opacity: 1;}
80% {opacity: 1;}
100% {opacity: 0;}
}

@-moz-keyframes blink /* Firefox */
{
0% {opacity: 0;}
20% {opacity: 1;}
80% {opacity: 1;}
100% {opacity: 0;}
}

@-webkit-keyframes blink /* Safari and Chrome */
{
0% {opacity: 0;}
20% {opacity: 1;}
80% {opacity: 1;}
100% {opacity: 0;}
}

@-o-keyframes blink /* Opera */
{
0% {opacity: 0;}
20% {opacity: 1;}
80% {opacity: 1;}
100% {opacity: 0;}
}

#cursor {
    animation: blink 1s infinite;
    -moz-animation: blink 1s infinite; /* Firefox */
    -webkit-animation: blink 1s infinite; /* Safari and Chrome */
    -o-animation: blink 1s infinite; /* Opera */
}