@font-face {
   font-family: "IBM-3270-M";
   src: url('../fonts/3270medium-webfont.woff2') format('woff2'),
         url('../fonts/3270medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0;
	background-color:#000;
}

img{
	border:0;
}

.terminal__container{
    position: relative;
    width: 640px;
    height: 480px;
    background: #24170a;
    background: radial-gradient(ellipse at center, #56330f 0%,#24170a 66%,#160d04 100%);
}

#terminal{
    color:#ffd60d;
    font-family: IBM-3270-M;
    font-size: 29px;
    text-shadow: 0 0 1px #ffbf00, 0 0 2px #ff9f09, 0 0 3px #754009, 0 0 5px #754009, 0 0 6px #ff9f09, 0 0 20px #ff9508, 0 0 30px #713f0d;
}
#terminal::before{
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: radial-gradient(ellipse at center, rgba(55, 47, 9, .01) 80%,rgba(20, 12, 4, .7) 100%);
    pointer-events: none;
}
.terminal__container::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

.terminal-row{
    width: 100%;
    height: 29px;
    display: block;
}
.terminal-col{
    width: 15.66px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
}

.caret{
    
}
.blink{
    animation: 1s blink step-end infinite;
}
@keyframes blink {
    from, to {
        color: #713f0d;
        text-shadow: 0px 0px 2px #713f0d;
        box-shadow: 0 0 1px #ffbf00, 0 0 2px #ff9f09, 0 0 3px #754009, 0 0 5px #754009, 0 0 6px #ff9f09, 0 0 20px #ff9508, 0 0 30px #713f0d;
        background: radial-gradient(ellipse at center, #fff709 0%,#ffbf00 80%,#ffc809 100%);
    }
    50% {
        color: inherit;
        text-shadow: inherit;
        box-shadow: none;
        background: none;
    }
}