/*@import 'compass';
@import 'compass/layout';*/

@import url(https://fonts.googleapis.com/css?family=VT323);

* {
    box-sizing: border-box;
    font: inherit;
}

html {
  /*  @include stretch(0, 0, 0, 0);*/
    background-color: #fff;
    font-family: "VT323", terminal, monospace;
}

.content {
   /* @include stretch(1.5em, 1.5em, 1.5em, 1.5em);*/
    color: #FbFbFb;
    font-size: 2.5rem;
    font-size: 6vmin;
    white-space: pre-wrap;
    overflow: hidden;
}

.screen {
   /* @include stretch(1em, 1em, 1em, 1em);*/
    animation: wobble .0825s infinite alternate steps(4);
    background-image: linear-gradient( 0deg, #000 0%, rgba(0,0,0,0) 50%, #000 100% ), linear-gradient( 90deg, #000 0%, #F00 16.6%, #000 33.3%, #0F0 50%, #000 66.6%, #00F 83.3%, #000 100% );
    background-size: .3em .2em, 4px 100%;
    mix-blend-mode: color-burn;
    will-change: contents;
    // fix blending with animation
}

@keyframes wobble {
    0% {
        transform: skew(0.2deg);
    }

    100% {
        transform: skew(-0.2deg);
    }
}