@font-face {
                font-family: "Fira Code";
                src: local("Fira Code"),
                  url("{{ url_for('static', filename='FiraCode-VariableFont_wght.ttf') }}") format("truetype") tech(color-COLRv1);
              }

html {
        font-family: "Fira Code", monospace; /* 1 */
        -webkit-text-size-adjust: 100%; /* 3 */ 
        -ms-text-size-adjust: 100%; /* 3 */
        font-weight: 500;
      }

body {
    background: linear-gradient(45deg, orange, black); /* Pixellated Gradient */
    background-size: 4px 4px; /* Adjust size for pixelation */
    background-repeat: repeat;
    }

h1 {
            text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.7);
        }

h2 {
      margin: 2em 0 2em 0;
   }

a { color: black; font-weight: bold; }  

a.hover, a.active, a.visited {
    color: #807F7E; font-weight: bold;
}

.pagetitle {
    text-decoration-line: underline;
}

.header {
    margin-bottom: 2em;
}

.container {
    width: 80%;
    max-width: 1800px;
    border: 5px double green;
    background-color: rgba(255, 255, 255, 0.8); /* Add a slight transparency */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0 auto;
}

/* .content {} */

.cite {
    padding-left: 2em;
    text-indent: -1.5em;
    display: block;
    margin-bottom: 1em;
}

.connect {
    margin: 0.2em 0 0.2em 0;
    font-size: 0.8em;
    text-align:justify;
}

.footer {
    margin-top: 5em;
}