/* ═══════════════════════════════════════
   seol's stylesheet ♡
   font: Ms Gothic
   layout: three-column, fixed width
═══════════════════════════════════════ */


/* ───────────────────────────────────────
   BASE — page foundation
   sets background, font, and spacing
─────────────────────────────────────── */
body {
  background-color: black;
  font-family: "Ms Gothic", "sans serif";
  padding: 10px;
  margin: 0 auto;
}


/* ───────────────────────────────────────
   TYPOGRAPHY — text and link defaults
─────────────────────────────────────── */
a {
  color: black;
}

.text {
  color: black;
  font-weight: 400;
  font-size: 15px;
}

mark {
  color: black;
  background: rgb(255, 209, 231);
  opacity: 50;
  font-size: 18px;
}

.p1 {
  color: black;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 4px;
}


/* ───────────────────────────────────────
   LAYOUT — page wrapper and main container
─────────────────────────────────────── */
.holder {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}

.main {
  width: 1120px;
  height: 930px;
  overflow: hidden;
  background: transparent;
  margin-top: 10px;
}


/* ───────────────────────────────────────
   COLUMNS — three-column layout
   left sidebar, main content, right sidebar
─────────────────────────────────────── */
.columnone {
  float: left;
  width: 200px;
  height: 930px;
  padding: 10px;
  position: relative;
  box-shadow: 0px 0px 200px inset white;
  border-top: white;
  border-left: white;
  border-bottom: white;
}

.columntwo {
  float: left;
  width: 700px;
  height: 928px;
  background-color: white;
  border: 1px solid rgb(65, 55, 60);
}

.columnthree {
  float: right;
  width: 197px;
  height: 871px;
  background: transparent;
}


/* ───────────────────────────────────────
   UTILITY — reusable helpers
─────────────────────────────────────── */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.article {
  background-color: transparent;
  box-shadow: 0px 0px 400px inset white;
}