.workspace {
    top: 0% !important;
    width: 100%;
    height: 100%;
    background: #fff;
}

.faux-terminal {
    z-index: 4000;
    pointer-events: none;
}

.faux-terminal:before {
    z-index: 4010;
    background: -webkit-linear-gradient(#444 50%, #000 50%);
    background: linear-gradient(#444 50%, #000 50%);
    background-size: 100% 10px;
    -webkit-background-size: 100%;
    background-repeat: repeat-y;
    opacity: .14;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.8);
    -webkit-animation: pulse 5s linear infinite;
    animation: pulse 5s linear infinite;
}

.faux-terminal:after {
    z-index: 4011;
    background-color: #00C853;
    background: -webkit-radial-gradient(center, black 0%, rgba(0, 0, 0, 0.62) 45%, rgba(0, 9, 4, 0.6) 47%, #00C853 100%);
    background: radial-gradient(ellipse at center, black 0%, rgba(0, 0, 0, 0.62) 45%, rgba(0, 9, 4, 0.6) 47%, #00C853 100%);
    box-shadow: inset 0px 0px 4px 4px rgba(100, 100, 100, 0.5);
    opacity: .1;
}

.faux-terminal .layer {
    z-index: 4001;
    box-shadow: inset 0px 0px 1px 1px rgba(64, 64, 64, 0.1);
    background: -webkit-radial-gradient(center, #00c351 0%, rgba(64, 64, 64, 0) 50%);
    background: radial-gradient(ellipse at center, #00c351 0%, rgba(64, 64, 64, 0) 50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(20px) rotateX(0.5deg) skewX(2deg) scale(1.03);
    transform: perspective(20px) rotateX(0.5deg) skewX(2deg) scale(1.03);
    -webkit-animation: glitch 1s linear infinite;
    animation: glitch 1s linear infinite;
    opacity: .9;
}

.faux-terminal .layer:after {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(64, 64, 64, 0) 100%);
    opacity: .1;
}

.faux-terminal .overlay {
    z-index: 4100;
}

.faux-terminal .overlay:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 80px;
    background: #fff;
    background: -webkit-linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, snow 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, snow 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100%);
    opacity: .2;
    -webkit-animation: vline 5s linear infinite;
    animation: vline 5s linear infinite;
}

.faux-terminal .overlay:after {
    box-shadow: 0 2px 6px rgba(25, 25, 25, 0.2), inset 0 1px rgba(50, 50, 50, 0.1), inset 0 3px rgba(50, 50, 50, 0.05), inset 0 3px 8px rgba(64, 64, 64, 0.05), inset 0 -5px 10px rgba(25, 25, 25, 0.1);
}

@-webkit-keyframes vline {
    0% {
        top: -20%;
    }
    100% {
        top: 100%;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.001);
        opacity: .14;
    }
    8% {
        -webkit-transform: scale(1);
        opacity: .13;
    }
    15% {
        -webkit-transform: scale(1.004);
        opacity: .14;
    }
    30% {
        -webkit-transform: scale(1.002);
        opacity: .11;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: .14;
    }
}

@-webkit-keyframes glitch {
    0% {
        -webkit-transform: scale(1, 1.002);
    }
    50% {
        -webkit-transform: scale(1, 1.0001);
    }
    100% {
        -webkit-transform: scale(1.001, 1);
    }
}

@-webkit-keyframes blink-caret {
    from, to {
        border-color: transparent;
    }
    50% {
        border-color: #00C853;
    }
}

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

@keyframes vline {
    from {
        top: -20%;
    }
    to {
        top:100%;
    }
}

@keyframes pulse {
    0% {
        transform: scale(1.001);
        opacity: .14;
    }
    8% {
        transform: scale(1);
        opacity: .13;
    }
    15% {
        transform: scale(1.004);
        opacity: .14;
    }
    30% {
        transform: scale(1.002);
        opacity: .11;
    }
    100% {
        transform: scale(1);
        opacity: .14;
    }
}

@keyframes glitch {
    0% {
        transform: scale(1, 1.002);
    }
    50% {
        transform: scale(1, 1.0001);
    }
    100% {
        transform: scale(1.001, 1);
    }
}

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

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

/*# sourceMappingURL=terminal.css.map */