body{
    background-color:aliceblue;
}

body{
    color:cadetblue;
}

body{
    font-size:18px
}

h2{
    background-color:aliceblue;
}

h2{
    color:darkcyan;
}

p{
    color:darkcyan;
}

p2{
    color:darkblue;
}

p3{
    color:darkblue;
}

p4{
    color:darkblue;
}

h2{
    font-family: 'Inconsolata', monospace;
    color: darkcyan;
}

body{
    font-family: 'Inconsolata', monospace;
}




html{
    min-height: 100%;
    overflow: hidden;
}

body{
    height: calc(100vh-8em);
    padding: 4em;
    color: darkcyan;
    font-family: monospace;
}

monospace{
    background-color: aliceblue;
}

.line-1{
    position: relative;
    top: 50%;
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid
darkcyan;
    font-size: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
}

.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}:
darkcyan;}
to{border-right-color: transparent;}
}