@font-face {
    font-family: "MSX";
    src: url("msx.ttf") format("truetype");
}

body {
    background-color: black;
}

div {
    background-color: blue;
    color: white;
    font-family: MSX, Tahoma, serif;
    line-height: 107%;
    white-space: nowrap;
    border-style: solid;
    border-width: 30px;
    border-color: blue;
}

p.output {
    color: yellow;
    margin: 0;
}

a {
    color: yellow;
    text-decoration: none;
}

a:hover {
    color: white;
}

p.cursor {
    display: inline-block;
    background: blue;
    margin: 0;
    -webkit-animation: blink 2s linear 0s infinite;
    -moz-animation: blink 2s linear 0s infinite;
    -ms-animation: blink 2s linear 0s infinite;
    -o-animation: blink 2s linear 0s infinite;
}

@-webkit-keyframes blink {
    0% {
        background: white
    }
    47% {
        background: white
    }
    50% {
        background: blue
    }
    97% {
        background: blue
    }
    100% {
        background: white
    }
}

@-moz-keyframes blink {
    0% {
        background: white
    }
    47% {
        background: white
    }
    50% {
        background: blue
    }
    97% {
        background: blue
    }
    100% {
        background: white
    }
}

@-ms-keyframes blink {
    0% {
        background: white
    }
    47% {
        background: white
    }
    50% {
        background: blue
    }
    97% {
        background: blue
    }
    100% {
        background: white
    }
}

@-o-keyframes blink {
    0% {
        background: white
    }
    47% {
        background: white
    }
    50% {
        background: blue
    }
    97% {
        background: blue
    }
    100% {
        background: white
    }
}