@font-face {
    font-family: 'FantasqueSansMonoRegular';
        src: url('fonts/FantasqueSansMonoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    min-width: 300px;
    min-height: 300px;
    font-family: 'FantasqueSansMonoRegular';
    font-weight: normal;
    font-style: normal;
    background: #fafafa;
}

#main-container {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    height: 50px;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}