/* CSS Stylesheet */

/* Set style for standard html body content */
body {
    padding: 50px;
    display: flex;
    font-family: Consolas,monaco,monospace;
    text-align: center;
    color: white;
    background: #333;
    font-size: large;
    justify-content: center;
}

/* Set up style for a section title */
.myTitle {
    font-family: Consolas,monaco,monospace;
    font-size: xx-large;
    font-weight: 1000;
    text-align: center;
    color: chartreuse;
}

/* Set up typewriter affected. */
.typewriter p {
    overflow: hidden;
    border-right: .15em solid chartreuse;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .015em;
    animation:
        typing 5s steps(140, end),
        blink-caret .50s step-end infinite;
}

/* Set typwriter animation */
@keyframes typing {
    from {width: 0}
    to {width: 100%;}
}

@keyframes blink-caret {
    from, to {border-color: transparent}
    50% {border-color: chartreuse;}
}