/***
 *      _____  _      _          _                   _____ _____ 
 *     |  __ \(_)    | |        | |                 |_   _|_   _|
 *     | |__) |_  ___| | ___   _| |__   ___  _   _    | |   | |  
 *     |  _  /| |/ __| |/ / | | | '_ \ / _ \| | | |   | |   | |  
 *     | | \ \| | (__|   <| |_| | |_) | (_) | |_| |  _| |_ _| |_ 
 *     |_|  \_\_|\___|_|\_\\__, |_.__/ \___/ \__, | |_____|_____|
 *                          __/ |             __/ |              
 *                         |___/             |___/               
 *
 *     __    __   ____  _____     __ __    ___  ____     ___ 
 *    |  |__|  | /    |/ ___/    |  |  |  /  _]|    \   /  _]
 *    |  |  |  ||  o  (   \_     |  |  | /  [_ |  D  ) /  [_ 
 *    |  |  |  ||     |\__  |    |  _  ||    _]|    / |    _]
 *    |  `  '  ||  _  |/  \ |    |  |  ||   [_ |    \ |   [_ 
 *     \      / |  |  |\    |    |  |  ||     ||  .  \|     |
 *      \_/\_/  |__|__| \___|    |__|__||_____||__|\_||_____|
 * 
 *     _                __  _     _ 
 *    (_|    _  | _|_    _)/ \/| (_)
 *     _|   (_) |< |_   /__\_/ | (_)                                                       
 */

 html, body {
  height: 100%;
}

body {
  background-color: rgb(0,0,0);
  margin:0px;
  margin: 0;
  display: flex;
  justify-content: center;   /* This centers our sketch horizontally. */
  align-items: center;   /* This centers our sketch vertically. */
}

textarea {
  display: none;
  font-size: 24px;
  width: 600px;
  height: 200px;
  position:absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -300px;
}