* {
  box-sizing:border-box
}



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

a {
  color: rgb(38, 237, 50); /* Color for unvisited links */
  text-decoration: none; /* Removes underline */
}

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

.introduction {
 width: 300px;
 height: 600px;
 border: 4px solid rgb(245, 10, 236);
 padding: 20px;
 margin: 20px;
 background: black;
 inline-size: 400px;
 overflow: auto;
 scrollbar-color: black rgb(245, 10, 236)
}

.bordered-group2 {
  border: 4px solid rgb(245, 10, 236);
  padding: 20px;
  margin: 20px;
  background: black;
  
}



.container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: fit-content;
  align-items: center;
  margin-left: auto;
  bottom: 500px;
}


.revy {
  display: flex;
  justify-content: flex-end;
  align-items: center;
 }
 
 
 .table{
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
 
body {
 overflow: hidden;
}

.marquee-container {
  overflow: hidden; 
  white-space: nowrap; 
  box-sizing: border-box;
  width: 97.5%;
  border: 2px solid rgb(245, 10, 236);
  background: black;
  padding: 0.5em;
}

.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%); 
  }
}

pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
}

@media screen and (max-width: 1440px) {
  * {
  box-sizing:border-box
}



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

a {
  color: rgb(38, 237, 50); /* Color for unvisited links */
  text-decoration: none; /* Removes underline */
}

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

.introduction {
 width: 300px;
 height: 600px;
 border: 4px solid rgb(245, 10, 236);
 padding: 20px;
 margin: 20px;
 background: black;
 inline-size: 400px;
 overflow: auto;
 scrollbar-color: black rgb(245, 10, 236)
}

.bordered-group2 {
  border: 4px solid rgb(245, 10, 236);
  padding: 20px;
  margin: 20px;
  background: black;
  
}


.container {
 display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: fit-content;
  align-items: center;
  margin-left: auto;
  bottom: 500px;
}


.revy {
  display: flex;
  justify-content: flex-end;
  align-items: center;
 }
 
 
 .table{
   display: flex;
   justify-content: flex-end;
   
 }
 
body {
 overflow: hidden;
}

.marquee-container {
  overflow: hidden; 
  white-space: nowrap; 
  box-sizing: border-box;
  width: 97.5%;
  border: 2px solid rgb(245, 10, 236);
  background: black;
  padding: 0.5em;
}

.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%); 
  }
}