body {
  background-color: #371931; 
  background-image: url(https://hvrc.neocities.org/HVRC_BG-TILE_02.png);
  background-repeat: repeat; 
  color: #efd2a9; 
  font-size: 15pt;
  text-align: center;
  font-family: "Tox", monospace;
  padding-bottom: 50px;
}
  
/* --- LINKS & ACCENTS --- */
a {
  color: #e6007e; 
  text-decoration: underline;
}
a:hover {
  background: #e6007e;
  color: #541347;
}
    
small {
  font-size: 10pt;
}
    
/* --- SQUARE BOXES (Fake 3D Bevel Effect + Less Padding) --- */
.box {
  background-color: #541347; 
  background-image: url(https://hvrc.neocities.org/HVRC_BG-TILE_05.png);
  background-repeat: repeat; 
  padding: 7px 15px; 
  box-shadow: -9px 9px 0px #1a0515; 
  margin: 40px 20%; 
  border-top: 4px solid #e6007e;
  border-left: 4px solid #371931;
  border-bottom: 4px solid #371931;
  border-right: 4px solid #e6007e;
}
    
.box-narrow {
  background-color: #371931; 
  background-repeat: repeat; 
  padding: 7px 15px; 
  box-shadow: -9px 9px 0px #1a0515; 
  margin: 40px 27%; 
  border-top: 4px solid #e6007e;
  border-left: 4px solid #541347;
  border-bottom: 4px solid #541347;
  border-right: 4px solid #e6007e;
}

/* --- FOOTER (No Box, No Border, No Shadow) --- */
.footer {
  margin: 40px auto;
  text-align: center;
  background: none;
  border: none;
  box-shadow: none;
}

/* --- TITLE CONTAINER --- */
.title-container {
  text-align: center;
  margin: 40px auto;
}
.title-container img {
  border: none; 
  background: none;
  max-width: 60%;
  height: auto;
}
    
/* --- SUBHEADING (Chrome Metallic Gradient) --- */
h2 {
  text-align: center;
  font-family: "Franklin";
  font-size: 3rem; 
  letter-spacing: 2px;
  margin: 30px auto;
  border: none;
  text-transform: uppercase;
  font-style: italic;

  background: linear-gradient(
    to bottom, 
    #ffffff 0%,   
    #d1d1d1 40%,  
    #666666 48%,  
    #ffffff 52%,  
    #9e9e9e 60%,  
    #333333 100%  
  );
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
    
h3 {
  text-align: center;
  font-family: "Franklin";
  font-size: 1.8rem;
  letter-spacing: 1px;
  margin: 30px auto;
  background: none;
  border: none;
  color: #efd2a9; 
}
      
h4, h5, center {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* --- RETRO EFFECTS --- */
marquee {
  background: #541347;
  color: #efd2a9;
  font-family: "Tox", monospace;
  font-weight: bold;
  padding: 5px;
  
  border-top: 3px solid #1a0515;
  border-left: 3px solid #1a0515;
  border-bottom: 3px solid #1a0515;
  border-right: 3px solid #1a0515;
  margin-bottom: 20px;
}

.blink {
  animation: trashyBlink 0.8s linear infinite;
  color: #e6007e;
  font-weight: bold;
}
@keyframes trashyBlink {
  50% { opacity: 0; }
}

/* --- MOBILE OPTIMIZATION (FIXED BEVELS) --- */
@media (max-width: 768px) {
  .box {
    margin-left: 5%;
    margin-right: 5%;
    /* Keeps the dark shadow color scaled properly for mobile screens */
    box-shadow: -5px 5px 0px #1a0515; 
  }

  .box-narrow {
    margin-left: 15%;
    margin-right: 15%;
    /* Keeps the dark shadow color scaled properly for mobile screens */
    box-shadow: -5px 5px 0px #1a0515; 
  }

  .title-container img {
    max-width: 90%;
    border: none !important;
    box-shadow: none !important;
  }
}

/* --- CUSTOM FONTS --- */
@font-face {
  font-family: "Flapjack";  
  src: url("https://hvrc.neocities.org/TAYFlapjack.woff2"); 
}

@font-face {
  font-family: "Tox";  
  src: url("https://hvrc.neocities.org/Tox%20Typewriter.ttf"); 
}

@font-face {
  font-family: "Franklin";  
  src: url("https://hvrc.neocities.org/FranklinGothicITALIC.ttf"); 
}