body {
    background-color: #1B2430;
    color: white;
    padding: 2em;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.title {
    font-family: "Press Start 2P", system-ui;
    font-weight: 400;
    font-style: normal;
}

a {
  text-decoration: none; 
  color: #816797;
}

a:hover {
  text-decoration: underline; 
}

.center-align {
    text-align: center;
}

.page-title {
    font-size: 1.4em;
    font-weight: 600;
    color: #816797;
}

.footer {
    padding-top: 2em;
    /* font-size: 0.8em; */
}

.date {
    font-size: 1em;
    font-family: Consolas, "Courier New", monospace;
    color: #51557E;
}

@media (min-width: 1200px) {
    .container{
        max-width: 50%;
    }
}