body {
    color: #b00b69;
    font-family: monospace;
}
.main {
    text-align: center;
}
.rules {
    width: 400px;
    position: absolute;
    left: 20px;
    text-align: left;
}
.div1 {
    position: absolute;
    top: 00px;
    left: 00px;
}
.oii {
    width: 300px;
    position: absolute;
    top: 160px;
    left: 40px;
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #b00b69 #ececec;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ececec;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #b00b69;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
  ::-moz-selection { /* EDIT THIS ONE TOO */
    color: white;
    background: #b00b69;
}
::selection {
    color: white;
    background: #b00b69;
}
.div2 {
    position: absolute;
    top: 260px;
    left: 00px;
}
.rules2 {
    width: 400px;
    position: absolute;
    left: 20px;
    text-align: left;
}
.oii2 {
    width: 380px;
    position: absolute;
    top: 410px;
    left: 20px;
}