html, body {
  margin: 0;
  padding: 0;
  background-color:#1f1f1f;
}
canvas {
  display: block;
}


h1{
  font-family: 'Source Code Pro', monospace;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 400; /* 200 300 400 */
  color: white;
}

p{
  font-family: 'Source Code Pro', monospace;
  font-size: 11.5px;
  font-weight: 300; /* 200 300 400 */
  color: white;
}
a{
  color: white;
  font-weight: 400;
    opacity: 0.8;
}
a:visited{
  color:white;
  font-weight: 400;
    opacity: 0.8;
}
a:hover{
    
/*    color: red;*/
    opacity: 1;
    text-transform: uppercase;
    margin-top: 100px;
    transition: all 0.2s ease;
}
.instructions{
  margin-left: 10px;
}

/*. ----------  */

#mainText{
  width: 450px;
  height: 150px;
/*   background-color: yellow; */
  
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -225px;
/*   margin-top: -75px; */
  z-index: 2000;
  
  color: white;
}

.sketchContainer{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -200px;
}


/*. ----------CROSSES   */

.cornerCross{
  position: fixed;
  font-size: 15px;
  margin: 50px;
}

#cross_tr{
  top: 0;
  right: 0;
}
#cross_tl{
  top: 0;
  left: 0;
}
#cross_br{
  bottom: 0;
  right: 0;
}
#cross_bl{
  bottom: 0;
  left: 0;
}