*,html,body {
    padding: 0;
    margin: 0;
    font-family: "acme-gothic-condensed";
    
}
main{
    position: relative;
    z-index: 1;
    /* padding: 6.9rem 3rem 3rem 6.9rem; */
    padding: 3rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    justify-content: center;
    min-height: 90svh;
}
.linkswrap{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 3rem;
}
h2 a{
    font-size: 6.9rem;
    color: hsl(78.15,79.87%,70.78%);
}

@media (max-width: 62.5rem){
    h2 a{
    font-size: 3.9rem;
}
}

    /* this is the gradient currently used: https://gradients.design/studio?g=eyJjb2xvcnMiOlt7ImlkIjoiM2o2aHZ1cngiLCJjb2xvciI6IiMxMzEzMTMiLCJzdG9wIjowfSx7ImlkIjoiNmR3YXpkMXkiLCJjb2xvciI6IiMzNDE5NEEiLCJzdG9wIjowLjV9LHsiaWQiOiJvenM2dWh3MCIsImNvbG9yIjoiIzEzMTMxMyIsInN0b3AiOjF9XSwiY29sb3JTcGFjZSI6ImhzbCIsImFuaW1hdGlvbiI6eyJlbmFibGVkIjp0cnVlLCJ0eXBlIjoid2F2ZS1ob3Jpem9udGFsIiwiZHVyYXRpb24iOjEwLCJzcGVlZCI6MSwiZGlyZWN0aW9uIjoibm9ybWFsIiwiaW50ZW5zaXR5IjowLjMsImxvb3AiOnRydWUsImVhc2luZyI6ImVhc2UtaW4tb3V0In0sIm5vaXNlIjp7ImFtb3VudCI6MCwic3BlZWQiOjAsImZyZXF1ZW5jeSI6M30sImRpc3RvcnRpb24iOnsic3RyZW5ndGgiOjAsInNjYWxlIjoxfSwiZmxvdyI6eyJ0dXJidWxlbmNlIjowLCJjdXJsIjowfSwiZ3JhaW4iOjAsIm1lc2giOnsiZW5hYmxlZCI6dHJ1ZSwic21vb3RobmVzcyI6MC44LCJwb2ludHMiOlt7ImlkIjoidGgxIiwieCI6MC4xLCJ5IjowLjEsImNvbG9yIjoiIzFBMTA0MCIsInJhZGl1cyI6MC42fSx7ImlkIjoidGgyIiwieCI6MC43NSwieSI6MC4xLCJjb2xvciI6IiMyRDFCNjkiLCJyYWRpdXMiOjAuNX0seyJpZCI6InRoMyIsIngiOjAuNSwieSI6MC40LCJjb2xvciI6IiM4QjVFODMiLCJyYWRpdXMiOjAuNX0seyJpZCI6InRoNCIsIngiOjAuOSwieSI6MC41NSwiY29sb3IiOiIjRDQ5NTZCIiwicmFkaXVzIjowLjQ1fSx7ImlkIjoidGg1IiwieCI6MC4yLCJ5IjowLjc1LCJjb2xvciI6IiNGMEM4OTYiLCJyYWRpdXMiOjAuNX0seyJpZCI6InRoNiIsIngiOjAuNiwieSI6MC45LCJjb2xvciI6IiMzQTIwNjAiLCJyYWRpdXMiOjAuNTV9XSwiYW5pbWF0ZSI6ZmFsc2UsImFuaW1hdGlvblNwZWVkIjoxLCJhbmltYXRpb25UeXBlIjoiZHJpZnQifSwibW9kZSI6InN0YXRpYyJ9*/
.gradientbg {
  background: linear-gradient(160deg in hsl, var(--g1,  #131313) 0%, var(--g2, #34194A) 50%, var(--g3, #131313) 100%);
  background-size: 400% 400%;
  background-position: center;
  animation: gradient-anim 30s ease-in-out infinite;
  animation-direction: normal;
  min-height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}
img {
    max-width: 100%;
}
@keyframes gradient-anim {
  0% { background-position: 0% 0%; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0% 0%; }
}


.sr-only{
    position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}