body {
    color:#F9F7F5;
    background: #1a1220;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-feature-settings: normal;
    background-image: url("img/bg.webp");
    background-attachment:fixed;
    background-size: 40%;
    image-rendering: pixelated;
    background-position:center;
    background-repeat: no-repeat;
    min-height:100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}

p {
    font-size: 75%;
}


@font-face {
    font-family: pissjarSans;
    src: url(font/Pissjar.woff2);
}

body > .topbar > h2 {
    margin-top: auto;
    margin-bottom: 0.5%;
    text-align: center;
    font-size: 400%;
    font-family: pissjarSans;
}

body > h2 {
    margin-top: auto;
    text-align: center;
    font-size: 250%;
    color: #232820;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1.5px;
}

body > h4 {
    font-size: 140%;
}

.divtostopsitefrombreaking > p {
    font-size: 75%;
    position: absolute;
    bottom: 0;
}

.links {
    display: flex;
    justify-content: center; /* horizontally center flex items */
}

.links h2 {
    margin-top: auto;
}

.links h2 a {
    text-decoration: none; /* remove underline from links */
    padding: 10px; /* add padding for spacing */
}

#memberImg1, #memberImg2, #memberImg3, #memberImg4 { /* stupid */
    image-rendering: auto;
}

.newsbox > h2 {
    margin-top: auto;
    text-align: center;
    font-size: 200%;
    color: #232820;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 2px;
}

.newsbox {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    background-color: #0d0d14ab;
    border-radius: 1%;
}

.gigbox > h2 {
    margin-top: auto;
    text-align: center;
    font-size: 200%;
    color: #232820;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 2px;
}

.gigbox {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    background-color: #0d0d14ab;
    border-radius: 1%;
}


.doubleFlexBox {
    display: flex;
}

p {
    text-align: center;
}

body > h3 {
    margin-top: auto;
    text-align: center;
    font-size: 200%;
    color: #232820;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 2px;
}

.footer {
    position: fixed; /* Change from absolute to fixed */
    bottom: 0;
    width: 100%;
    height: 35px;
    text-align: center;
    background-color: #1a1220e1;
}

.footer > p > a {
    color: #35184d;
}

tr {
    padding-bottom: 5%;
}
td {
    padding-bottom: 5%;
}

.transparencyBox {
    background-color: #0d0d14e1;
    padding-top: 4vh;
    padding-bottom: 4vh;
}

.memberPhotoBannerThing {
    width: 70%;
    background-color: #0d0d14ab;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    image-rendering: auto;
}

.memberPhotoBannerThing > img {
    width: 100%; /* still unsure on this, for future reference 12vw 5 margin no marginRight is pretty good */
    height: auto; 
}

 /* unvisited link */
 a:link {
    color: rgb(83, 122, 83);
  }
  
  /* visited link */
  a:visited {
    color: rgb(83, 122, 83);
  }
  
  /* mouse over link */
  a:hover {
    color: rgb(114, 150, 114);
  }
  
  /* selected link */
  a:active {
    color: rgb(41, 73, 45);
  }