body {
  background: black url(https://chiefingmidpack.neocities.org/myspace-pink.gif);
  color: rgb(255, 255, 255);
  font-family:"amarante-regular";
}

.marquee-container {
  overflow: hidden; 
  white-space: nowrap; 
  box-sizing: border-box;
  width: 99.5%;
}

.marquee-content-wrapper {
  display: flex; 
  animation: marquee-animation 15s linear infinite;
}

.marquee-content {
  min-width: 100%; 
  animation: scrolling 15s linear infinite;
}

.marquee-container:hover .marquee-content-wrapper {
  animation-play-state: paused;
}

@keyframes marquee-animation {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%); 
  }
}

a {
  color: rgb(255, 255, 255); 
  text-decoration: none; 
}

a:visited {
    color: rgb(255, 255, 255); 
}

a:hover {
  color: red;
  text-decoration: underline;
}


html {
  scrollbar-color: black rgb(245, 10, 236); 
  scrollbar-width: thin;             
}



.grid-container {
  display: grid;
  min-height: 100vh;
  
 
  grid-template-rows: auto 1fr auto;
  
 
  grid-template-columns: 200px 1fr 200px;
  
 
  grid-template-areas: 
    "header header header"
    "nav    main   aside"
    "footer footer footer";
    
  gap: 10px;
}


header { grid-area: header;
  

}
nav    { grid-area: nav; }
main   { grid-area: main; }
aside  { grid-area: aside; }
footer { grid-area: footer; }


header, nav, main, aside, footer {
  padding: 20px;
  background: rgb(255 255 255 / 20%);
  border: 4px solid rgb(245, 10, 236);
}