@font-face {
    font-family: 'VT220';
    src: url('Glass_TTY_VT220.ttf')  format('truetype');
}

@keyframes blinker { to { opacity: 0; } }

body {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #111111;
    margin: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.header {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 22em;
    width: 35em;
    margin: auto;
}


.logo {
    width: 100%;
    margin-top: 1em;
    text-align: center;
}

.logo img {
    height: 200px;
    width: 200px;
}

.title {
    font-family: 'VT220', Helvetica;
    font-size: 2em;
    color: #ffb000; 
    text-shadow: 0 0 3px #ffb000, 0 0 10px #ffb000, 0 0 20px #ffb000, 0 0 30px #ffb000;
    text-align: center;    
}

.tagline {
    margin-top: 1em;
    font-family: 'VT220', Georgia;
    font-size: 1.1em;
    font-style: italic;
    color: #ffb000; 
    text-shadow: 0 0 3px #ffb000, 0 0 10px #ffb000, 0 0 20px #ffb000, 0 0 30px #ffb000;
    text-align: center;
}

.blurb {
    margin-top: 2em;
    font-family: 'VT220', Times;
    color: #ffb000; 
    text-shadow: 0 0 3px #ffb000, 0 0 10px #ffb000, 0 0 20px #ffb000, 0 0 30px #ffb000;
}

.cursor {
    font-weight: bold;
    animation: blinker 0.6s cubic-bezier(1, 0, 0, 1) infinite alternate;  
}