@font-face {
font-family: 'hachi';
src: url(https://file.garden/Zxg0gd66ym14IJ7L/HachiMaruPop-Regular.ttf);
} 
:root {
  --gap: 5px;
  --padding-containers: 20px;
  --padding-buttons: var(--gap) 1em;
  --border-radius: 0px;
}

:root[data-theme="light"] {
  --background-color: #ededed;
  --text-color: #000;
  --accent-text-color: #000;
  --link-color: grey;

  --container-background-color: #fff;
  --accent-background-color: #fff;
}

:root[data-theme="dark"] {
  --background-color: #000;
  --text-color: #fff;
  --accent-text-color: #fff;
  --link-color: grey;

  --container-background-color: #1a1a1a;
  --accent-background-color: #000;
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
.footer-line {
  display: none;
}
    .flex {
       gap: 0px;
       display: flex;
   }
 .hai p {
   font-size: 12px;
 font-family: 'hachi';
}
    .hai {
        overflow-y: auto;
        text-align: justify !important;
     text-justify: inter-word;
        width: 199px;
        height: 276px;
        background: transparent;
    }
 .bai {
   width: 199px;
   height: 276px;
        background: transparent;
        background-image: url("https://file.garden/Zxg0gd66ym14IJ7L/Untitled278_20250804171507.png");
        background-size: 199px;
     }
.text-container {
  margin: auto;
  width: 400px;
  overflow: hidden;
  padding: 0px;
}