body{
    background-image: url(images/Black_Box.png);
}

html{

    min-height: 100%;
    overflow: hidden;
}
body{
    height: calc(100vh - 8em);
    padding: 1em;
    color: rgba(255,255,255,0.75);
    font-family: 'Anonymous Pro',monospace;
    background-color: rgb(25,25,25);

}
.line{
position: relative;
top: 1%;
width: 0em;
margin: 0 auto;
border-right: 2px solid rgba(255,255,255,0.75);
font-size: 180%;
text-align: left;
white-space: nowrap;
overflow: hidden; transform: translateY(-50%);
font-size: 50px;


}
/*Animation*/
.anim-typewriter{
    animation: typewriter 4s steps(40) 1s 1 normal both,
    blinkTextCursor 500ms steps(40) infinite normal;

}
@keyframes typewriter{
    from {
        width: 0;
    }
    to{
        width: 10.9em;
    }
}
@keyframes blinkTextCursor {
    from{
        border-color: rgba(255,255,255,0.75);
    }
    to{
        border-right-color: transparent;
    }
    }
}