#termynal,
#code {
    font-weight: 300 !important;
}

span.first-letter {
    font-family: 'Courier New', Arial, monospace;
}

span.last-letter {
    font-family: 'Courier New', Arial, monospace;
}

#termynal[data-ty-cursor]:after {
    content: attr(data-ty-cursor);
    font-family: monospace;
    font-size: 28px;
    -webkit-animation: blink 1s infinite;
    animation: blink 1s infinite;
}
.top-container #termynal[data-ty-cursor]:after,
.question-details-cnt #termynal[data-ty-cursor]:after,
.new-login #termynal[data-ty-cursor]:after {
    font-size: 28px;
}

#code div[data-ty-cursor]:after {
    content: attr(data-ty-cursor);
    font-family: monospace;
    font-size: 13px;
    font-weight: bolder;
    -webkit-animation: blink 1s infinite;
    animation: blink 1s infinite;
    margin: 0;
}

div#termynal {
    padding-top: 0;
}
.top-container div#termynal {
    min-height: 34px;
}
#code {
    padding-top: 5px;
}
#termynal, #code {
    width: auto;
    font-family: 'SourceCodePro', monospace;
    font-size: 25px;
    font-weight: bold;
    color: #000;
}
.first-letter::first-letter {
    color: #5121f3 !important;
}
.last-letter {
    color: #5121f3 !important;
}
.school-future {
    font-size: 18px;
    width: 100%;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    max-height: 30px;
}
.beta {
    position: absolute;
    font-size: 11px;
    font-weight: 300;
    color: #000;
    top: 20px;
    left: 46px;
    line-height: 1.5;
    letter-spacing: 1px;
}
.first-letter, .last-letter {
    color: #000;
    font-family: 'Courier New', arial, monospace;
    font-size: 28px;
}
.top-container .first-letter, .top-container .last-letter,
.question-details-cnt .first-letter, .question-details-cnt .last-letter,
.new-login .first-letter, .new-login .last-letter {
    font-size: 28px;
}
/* Cursor animation */

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

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

.content {
    overflow: hidden;
    line-height: 40px;
}
.content__container {
    overflow: hidden;
    height: 34px;
}
.content__container__text {
    display: inline;
    float: left;
    margin: 0;
}
.content__container__list {
    margin-top: 0;
    padding-left: 110px;
    text-align: left;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 35s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 35s;
    animation-iteration-count: infinite;
}
.content__container__list__item {
    line-height: 40px;
    margin: 0;
}
@-webkit-keyframes opacity {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes change {
    0%, 10%, 25%,50%, 100%{
        transform: translate3d(0, 0, 0);
    }
    12%, 22%{
        transform: translate3d(0, -50%, 0);
    }
}
@-o-keyframes opacity {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@-o-keyframes change {
    0%, 10%, 25%,50%, 100%{
        transform: translate3d(0, 0, 0);
    }
    12%, 22%{
        transform: translate3d(0, -50%, 0);
    }
}
@-moz-keyframes opacity {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@-moz-keyframes change {
    0%, 10%, 25%,50%, 100%{
        transform: translate3d(0, 0, 0);
    }
    12%, 22%{
        transform: translate3d(0, -50%, 0);
    }
}
@keyframes opacity {
    100% {
        opacity: 0;
        display: none;
    }
    0%,  20%, 40%, 60%, 80% {
        color: #000000;
        opacity: 0;
    }
    10%, 30%, 50%, 70%, 90% {
        color: #000000;

        opacity: 1;
    }
}
@keyframes change {
    0%, 10%, 25%,50%, 100%{
        transform: translate3d(0, 0, 0);
    }
    12%, 22%{
        transform: translate3d(0, -50%, 0);
    }
}