@font-face {
  font-family: "NotoSansArabicRegular";
  src: url('assets/NotoSansArabic-Regular.ttf');
}

@font-face {
  font-family: "NotoSansMongolianRegular";
  src: url('assets/NotoSansMongolian-Regular.ttf');
}


@font-face {
  font-family: "Merienda";
  src: url('assets/Merienda-Regular.ttf');
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: black;
  color: #EBFFFF;
  margin: 0;
}

canvas {
  background-color: white;
  transition-property: height, width;
  transition-duration: 1s;
  transition-timing-function: ease;
  width: 60vw;
  height: 20vw;
}

.vertical {
  height: 75vh;
  width: 25vh;
}