body {
  color: white;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0;
    text-align: center;
    background-color: black;
}

/* Step 1: Define the font */
@font-face {
    font-family: '8bitOperatorPlus-Bold';
    src: url('font/8bitoperatorplus-bold-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Step 2: Apply it to elements */
body {
    font-family: '8bitOperatorPlus-Bold', monospace;
    background-color: black; /* since you wanted black background */
    color: white; /* optional, so text shows up */
}