/*
* This file is licensed under the CC-0 license.
*/

html, body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background-color: #333;
   color: #eaeaea;
}

h1, p {

   font-family: helvetica;
}

.terminal-area {
   text-align: center;

   position: fixed;
   top: 40%;
   left: 50%;
   /* bring your own prefixes */
   transform: translate(-50%, -50%);

   font-size: 15px;

   .js-terminal {
      background-color: #202020;
      color: #cecece;
   }
}

.test {

}

.red {
   @extend .test !optional;
   color: #f88;
}

.blue {
   @extend .test !optional;
   color: #88f;
}


.green {
   @extend .text !optional;
   color: #8f8;
}

.yellow {
   @extend .text !optional;
   color: #ff8;
}