.roboto-<uniquifier> {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }

.roboto-mono-<uniquifier> {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
    font-family: "Roboto Mono", monospace;
    background-color: black;
    color: white;
}

.rainbow-text {
    background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);   -webkit-background-clip: text;
    color: transparent;
}

.highlight {
    color: black;
    background-color: white;
}

h1 {
    font-size: 5em;
}










main {
    padding: .4em;

    padding: 1em;

    font-size: 1em;
    margin-bottom: 5px;
    letter-spacing: .05em;
    /*text-align:justify;*/
    word-spacing: -0.1em;

    line-height: 1.4;
    
}

main h1 {
    margin-top: 3em;
    margin-bottom: 5px;
    text-align: center;
}

main h1 span { 
    background-color: #C70039;
    background-color: #194bc0;
    color:#fff;
}

main h3 {
    margin-top: 2px;
    margin-bottom: 2em;
    text-align: center;
}

main h4 {
    margin-top: 2px;
    margin-bottom: 2em;
    text-align: center;
}

p {
    font-size: 1.2em;
}

.centered {
    margin-top: 2px;
    margin-bottom: 2em;
    text-align: center;
}

#links {
    margin-right: 2em;
    margin-left: 2em;
    
}