html, body{
    height: 100%;
}

.header-typiing{
    animation: typing 2s steps(13), blinking .5s infinite alternate;
    width: 13ch;
    overflow: hidden;
    white-space: nowrap;
    border-right: 3px solid black;
    line-height: 1;
}
.title{
    border: 3px solid black;
    margin: 8px auto;
    max-width: 420px;
    background-color: white;
}
.f-center{
    display: flex;
    justify-content: center;
}
@keyframes typing{
    from{
        width: 0;
    }
}
@keyframes blinking{
    50%{
        border-color: transparent;
    }
}