html{
     background-image:url(https://64.media.tumblr.com/97a8ea42410d7e88abe3897d46ef8b80/447be1c6e35b9618-02/s2048x3072/7db853ce597b0c9ae953c97c40f6f74efaa2b09f.pnj);
         background-repeat:repeat-x;
    background-attachment:fixed;
    background-position: left top;      
  
            }

.jersey-25-regular {
  font-family: "Jersey 25", sans-serif;
  font-weight: 400;
  font-style: normal;
}


body {
font-family: "Jersey 25", sans-serif;
font-size: 20px;
color: #b12957; 
}

header {
  border:ridge;
   border-color:rgb(12, 2, 69);
    background-color:rgb(0, 0, 0);
    background-image:url(https://files.catbox.moe/rtyw7u.png);
    width:100%;
    margin:0;
    padding:0px;
    position:fixed;
    left:0;
    top:0;

}

nav{
color:#d9708f;
font-size:20px;
padding:15px;
border-radius:25px;
grid-row:2/3;
grid-column:1/2;
height:max-content;
width:max-content;
}
button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

main{
border:#5105bc 2px ridge;
background-color:rgba(140, 255, 255, 0.5);
color:#240540;
padding:15px;
grid-row:2/3;
grid-column:2/3;
height:max-content;
border-radius:25px;
}

   .footer {
    border:#2c1053 2px ridge;
    background-color:rgba(0, 0, 0, 0.5);
    color:white;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height:100%;
    text-align: center;
   }


.Container{
max-width:1000px;
margin:90px auto;
display:grid;
grid-gap:25px;
grid-template-columns:250px minmax(0, 1fr);
}


.sideimage { /*optional*/
  right: 30px;
  bottom:-20px;
  float: right;
  position: fixed;
  max-width: 280px;
  }
  
.sideimage img {
  max-width: 100%;
  height: auto;  
  

  }

.sideimage img {
    position:relative;
    top:0;
    transition: top ease 0.5s;
  }

.sideimage:hover img{
    top:-10px;
  }

  
@media(max-width: 1440px) {
    .sideimage {
      max-width: 0%;
      max-width: calc(100% - 975px);
      }
  }

  
a:link {
  color: rgb(0, 26, 129);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(79, 15, 139);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(209, 99, 181);
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: rgb(194, 153, 245);
  background-color: transparent;
  text-decoration: underline;
}