.bg-bones {
      background: url("/imgs/bg_square0.png") center / cover no-repeat !important;
}

.bg-normal {
    background: 
  url("/imgs/bg_wide0.png") center / cover no-repeat,
  url("/imgs/bg_square0.png") center / cover no-repeat;  
}

/* Static background layer */
.background {
  position: fixed;
  inset: 0;
  z-index: -1;
}

/* Center body content */
body {
  min-height: 100vh;
  display: flex;
  justify-content: center; /* horizontal center */
  align-items: flex-start; /* keep top-aligned for scrolling */
  font-family: Arial, sans-serif;
  color: white;
}

/* Scrolling content */
.content {
    width: 100%;
    max-width: 800px;
    backdrop-filter: blur(10px);
    background: transparent;
}

.content-body {
    border-radius: 10px;
    padding: 20px 20px;
    background: rgba(54, 54, 54, 0.85);
}

.bubble {
    border-radius: 12px;
    padding: 6px 10px;
    padding-top: 0px;
    margin-top: 0px;
}

.bubble b {
    background-color: #505050;
    border-radius: 5px;
    padding: 0px 2px;
}

.bubble > .small {
    font-size: small;
    padding-top: 20px;
    vertical-align: top;
}

.black-bg {
    background: rgba(0.1, 0.1, 0.1);   
}

.content-body > img {
  max-width: 100%;
  height: auto;
}

/*--------------------------*/