/* maple-mono-latin-400-normal */
@font-face {
  font-family: 'Maple Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/maple-mono@5.3.0/latin-400-normal.woff2) format(woff2),
       url(https://cdn.jsdelivr.net/fontsource/fonts/maple-mono@5.3.0/latin-400-normal.woff) format('woff');
}

body {
    background-color: #4C6DB0;
    font-family: 'Maple Mono', monospace; 
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
}
.box {
    background-color: #64A6C9;
    width: 300px;
    border: 10px solid #2A4C79;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 25px;
    margin: 20px;
    border-radius: 4px;
    color: #10082B;
}