/*!*******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./assets/style/styles.css?v=1 ***!
  \*******************************************************************************/

body,
html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
canvas {
  display: block;
  object-fit: cover;
}

.html-text {
  position: absolute;
  color: white;
  font-family: Arial, sans-serif;
  font-size: 10px;
  pointer-events: none; /* Prevents interaction with PixiJS objects underneath */
  text-align: center;
  z-index: 10; /* Ensure it appears above the canvas */
}

.image-container {
  display: flex; /* Enable flexbox layout */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  position: absolute; /* Position it relative to the nearest positioned ancestor */
  top: 0;
  left: 0;
  width: 10%; /* Full width */
  height: auto; /* Full height */
  z-index: 10; /* Ensure the image appears above other content */
}

.image-container img {
  max-width: 100%; /* Ensure the image scales responsively */
  height: auto; /* Maintain aspect ratio */
}


@font-face {
  font-family: "Brother-Bold";
  src: local("Brother-Bold"), url(3c3492ee54fabba56c02.ttf) format("ttf"),
    url(77207cd07f59de9cabd1.woff) format("woff"),
    url(6b3c2a08abab255da599.woff2) format("woff2");
}

@font-face {
  font-family: "Brother-Regular";
  src: local("Brother-Regular"),
    url(3d5bc3927ebb33627765.ttf) format("ttf"),
    url(7baa34b85b11c90d3aa4.woff) format("woff"),
    url(921fb6173988ee3eea24.woff2) format("woff2");
}

@font-face {
  font-family: "Brother-Book";
  src: local("Brother-Book"), url(7f2b9ce8732fc8d7f2e7.ttf) format("ttf"),
    url(cf3e640e5e59d0769ca9.woff) format("woff"),
    url(50900ebabd0ee857f2c1.woff2) format("woff2");
}

/*
@font-face {
  font-family: "Engcomica";
  src: local("Engcomica"), url("../fonts/Engcomica.otf") format("otf"),
    url("../fonts/Engcomica.woff") format("woff"),
    url("../fonts/Engcomica.woff2") format("woff2");
}
*/
    
@font-face {
  font-family: "Engcomica";
  src: local("Engcomica"), url(e481eea00446c5c3fc41.otf?v=1) format("otf"),
    url(80619f915d95e2a22110.woff?v=1) format("woff"),
    url(049af73191db6692fdf8.woff2?v=1) format("woff2");
}




/*# sourceMappingURL=main.css.map*/