@font-face {
    font-family: 'att_4425medium';
    src: url('../fonts/att4425.eot');
    src: url('../fonts/att4425.eot?#iefix') format('embedded-opentype'),
    url('../fonts/att4425.woff2') format('woff2'),
    url('../fonts/att4425.woff') format('woff'),
    url('../fonts/att4425.ttf') format('truetype'),
    url('../fonts/att4425.svg#att_4425medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

.typer {
    position: relative;
    min-height: 2ex;
}
.typer::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0.1em;
    height: 1.3em;
    background-color: currentColor;
    margin-left: 0.1em;
}
.cursor-block::after {
    width: 0.9ex;
}
.cursor-soft::after {
    animation: softblink 0.7s infinite;
}
.cursor-hard::after {
    animation: hardblink 0.7s infinite;
}
.no-cursor::after {
    content: none;
}
@keyframes softblink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes hardblink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.white-space {
    white-space: pre-wrap;
}