/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */

.eb-typing {
    display: flex;
    height: auto;
    overflow: hidden;
    align-items: center;

    &.center{
       justify-content: center;
       text-align: center;
    }
    &.right{
       margin: 0;
       justify-content: flex-end;
       text-align: right;
    }
}

.eb-typing-content {
    display: inline-block;
    overflow: hidden;
    letter-spacing: 1px;
    animation: typing 5s steps(30, end), blink .75s step-end infinite;
    white-space: nowrap;
    border-right: 4px solid #fc0;
    box-sizing: border-box;
}

@keyframes typing {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

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