/* start reset */
body {
  margin: 0;
}

p {
  margin-block-start: 0;
  margin-block-end: 0;
}
/* end reset */

@font-face {
  font-family: "ABCDiatypeMono-Regular-Trial";
  src:
    local("ABCDiatypeMono-Regular-Trial"),
    url("ABCDiatypeMono-Regular-Trial.otf") format("opentype") tech(color-COLRv1),
    url("ABCDiatypeMono-Regular-Trial.otf") format("opentype"),
    url("ABCDiatypeMono-Regular-Trial.woff2") format("woff2");
}

@font-face {
  font-family: "ABCDiatypeMono-Light-Trial";
  src:
    local("ABCDiatypeMono-Light-Trial"),
    url("ABCDiatypeMono-Light-Trial.otf") format("opentype") tech(color-COLRv1),
    url("ABCDiatypeMono-Light-Trial.otf") format("opentype"),
    url("ABCDiatypeMono-Light-Trial.woff2") format("woff2");
}

body {
  margin: 0 8px;
	background-color: #000000;
  height: 100vh;
}

* {
  /*outline: 1px dashed #;*/
}

p {
	font-family: sans-serif;
	color: #FFFFFF;
	font-size: 8px;
  line-height: 8px;
}

::selection {
  background-color: #FFFFFF;
  color: #000000;
}

textarea {
  outline: none;
  font-family: "ABCDiatypeMono-Light-Trial";
  display: flex;
  resize: none;
  color: #FFFFFF;
  padding: 0;
  border: none;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 16px;
  background-color: #000000;
}