@font-face {
  font-family: 'levi';
  src: url('../../src/font/classic.ttf') format('truetype');
  /* Add other font formats if available (e.g., woff, woff2) for better browser compatibility */
  /* You might include font-weight and font-style declarations for different font variations */
}
@font-face {
  font-family: 'Helvetica';
  src: url('../../src/font/Helvetica-Bold.ttf') format('truetype');
  /* Add other font formats if available (e.g., woff, woff2) for better browser compatibility */
  /* You might include font-weight and font-style declarations for different font variations */
}

body {
    margin: 0;
    padding: 0;
    background: urL("../../src/stars.gif");
    font-family: "levi";
    color: #000;
  }
  .tableContainer {
    position: relative;
    width: 800px; /* Set a width for the container */
    margin: 0 auto;
  }
 .navBar {

    color: white;
    width: 100%; /* Occupy full width of the container */
  height: 20px;
    background-color: #0f0f0f;
    border-collapse: collapse;

  } 

  .navText{
    vertical-align: 5%;
    padding: 2%;
  }

  

  .tableHeader {
    font-size: 70px;
    text-align: center;
    color: beige;
    font-family: 'Helvetica';
    width: 100%; /* Occupy full width of the container */
    height: 100px;
    background-color: #080808;
    border-collapse: collapse;
  }
/* Your existing styles */

#winamp-container{

  position: fixed;
  top: 50px; /* Adjust top position as needed */
  left: 20px; /* Adjust left position as needed */
  /* Optionally, you can adjust other styles */
  background-color: #f0f0f0;
  /* Add any other styles you want for the container */
}
.sideMainContainer {
  position: relative;
  display: flex;
}

.tableSide {
  color: white;
  width: 20%;
  height: 100vh;
  background-color: #0a0909;
  border-collapse: collapse;
}

.tableMain {
  width: 80%;
  height: 100vh;
  background-color: #161515;
  border-collapse: collapse;
}

/* Center the contents of the cell */
.centeredCell {
  position: relative; /* Ensure the container is positioned */
  vertical-align: top;
  text-align: center;
  height: 100%; /* Ensure the cell takes full height */
}

/* Optionally adjust display property if needed */
.CONT1 {
  position: absolute; /* Position the image absolutely */
  top: 0; /* Position at the top */
  left: 50%; /* Position at the center horizontally */
  transform: translateX(-50%); /* Adjust to center align */
  
  padding: 30px;
}

.footerTable {
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  background-color: #000000;
  position: absolute;
  bottom: 0;
}

.container {
  position: relative; /* Container should be positioned */
  width: 500px; /* Adjust this width as per your container */
}








#WMode {
  position: absolute; /* Position the WMode div */
  bottom: 0;
  right: -65%; /* Adjust right position to move it outside the container */
  /* You can adjust the distance using pixels, percentages, etc. */
}

a {
  color: white; /* Set the color of hyperlinks to white */
  text-decoration: none; /* Optional: Remove underline */
}






.Fields {
  text-align: center;
  vertical-align: top; /* Align the content at the top of the cell */
  padding-top: 20px; /* Add space above the content */
  padding-bottom: 50px; /* Add space abovea the content */
}
.Fields a {
  display: block; /* Make the link a block-level element */
  color: white;
  text-decoration: none;
  margin-bottom: 20px; 
}




.NEW_FIELD {
  transform: scale(0.6);
  position: absolute; /* Position the image absolutely */
  top: 2.6%; /* Position at the top */
  left: 1.8%; /* Position at the left */
}


a .navSpecial {
  animation: colorChange 3s infinite; /* Change time as needed */
}

.WhiteFieldsa {
  color: black;
  text-decoration: none;
}


@keyframes colorChange {
  0%, 49.9% {
      color: #FF0000; /* Red color */
  }
  50%, 100% {
      color: #aa0000; /* Dark red color */
  }
}