@font-face {
    font-family: "JetBrain Mono";
    src: url("font/JetBrainsMono-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Covenant";
    src: url("font/Halo-Covenant.ttf") format("truetype");
}

body {
    font-family: "JetBrain Mono", Arial, Helvetica, sans-serif !important;
}


#logo {
    margin-top: 10em;
    color: #ffa000;
    text-align: center;
}

#version {
    color: white;
    text-align: center;
    margin-left: 40em;
}

#text {
    margin-top: 3em;
}

#loader {
    margin-top: 2em;
    text-align: center;
    font-family: Menlo,Consolas,Monaco,monospace;
    font-size: 180%;
    color: #ffa000;
}

#access {
    margin-top: 2em;
    text-align: center;
}

#access button {
    font-family: Arial;
    color: #ffa000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border: solid #ffa000 3px;
    text-decoration: none;
    background-color: #101010;
}

#access button:hover {
    background: #ffa000;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.ascii {
    font-size: 0.5em;
    line-height: 1em;
}

.hide {
    visibility: hidden;
}

.none {
    display: none;
}

.line {
    margin: 0 auto;
    /*border-right: 2px solid rgba(255,255,255,.75);*/
    font-size: 180%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}

.covenant {
    font-family: "Covenant" !important;
}

/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 24em;}
}
/*@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}*/