@font-face {
    font-family: "ibmvga";
    src: url("WebPlus_IBM_VGA_8x14.woff") format("woff");
}

html {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: darkblue;

    font-family: ibmvga;
    font-size: 16px;
}
body {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;

    min-width: 65em;

    background-color: rgb(127, 127, 127);
    color: white;
    padding: 8px 24px;
    box-sizing: content-box;

    margin-bottom: 32px;
    box-shadow: 16px 16px 0px rgba(169, 169, 169, 0.5);
}

#sauce {
    height: fit-content;
    position: sticky;
    top: 8px;

    & * {
        margin: 0 auto;
    }
}

div#sauce-comments {
    & span {
        white-space: pre;
    }
}

.no-comment {
    color: gray
}

span#ftr {
    color: black;
    font-style: italic;
}

span[title] {
    text-decoration: dotted underline;
}

a {
  color: lightblue;

  &:visited {
    color: lightpink;
  }

  &:active {
    color: lightcoral;
  }
}