/* setting custom font-face */
@font-face {
  font-family: myMono; 
  src: url(assets/GeistMono.woff2);
}

/* reset CSS */
/* setting pixel font-size */
body, h1, h2, h3, h4, p, a, span, div{
  margin: 0;
  padding: 0;
  font-family: myMono, monospace;
  font-size: 10px;
  line-height: normal;
}

body{
    overflow: hidden;
}

h1{
    white-space: pre;
    font-size: 2em;
}
p{ white-space: pre;
font-size: 1em;}

/* flex-box container for all the character pixels */
#flex-monitor {
    position: absolute ;
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    margin-top: 0;
    /* cursor: none; */
}

/* THE PIXEL to calcuate resolution */
#ref-pixel{
    position: absolute;
    margin-top: -200px;
    visibility: hidden;
    font-size: 10px;
}

.pixel {
    font-size: 10px;
    display: inline-block;
    white-space: pre; /* Prevents character collapse */
}