/* Styling the overall page background */
body {
    background-color: #1a1a1a; /* Dark background */
    font-family: Verdana, monospace; /* Classic retro web font */
    color: #ffffff;
    display: flex;
    justify-content: center; /* Centers the box horizontally */
    align-items: center; /* Centers the box vertically */
    min-height: 100vh; /* Takes full window height */
    margin: 0;
}

mark {
  background-color: chartreuse;
  color: black;
}

/* Styling your single content box */
.main-box {
    background-color: #ffffff; /* Inside of the box */
    color: #000000; /* Text color inside the box */
    width: 90%;
    max-width: 600px; /* Limits how wide it gets on desktop */
    padding: 20px; /* Space between text and the border */
    border: 4px double #228B22; /* Retro double line border */
    box-shadow: 5px 5px 0px #013220; /* Solid pixel shadow */
    box-sizing: border-box; /* Keeps padding from messing up width dimensions */
}

img {
  pointer-events: none;
}