body { 
  aspect-ratio: 16 / 9;
    cursor: url(""), auto; 
    background-color: black;
  background-position: center; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  
}

h1 {
    color: rgb(0, 0, 0);
}
h2{
    color: wheat;
}
p {
    color: aliceblue;
}



  a {
  color: white;        
}

a:visited {
  color: white;       
}

a:hover {
  color: lightblue;       
}

a:active {
  color: red;          
}

.container1 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; 
  background-image: url('backg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

 .container2 {
 position: absolute; 
 
  top:8%;
  left: 50%;
   
  background-color: #eeeeee00;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  
}

.chat {
  position: absolute; 
  top:0%;
  left: 80%;
 width: 150px;
 height: 15px;
}
.will {
 position: absolute; 
  top:47%;
  left: 24%;
 width: 50vw; 
  aspect-ratio: 1 / 1;
 background-image:url('jack.png');
 background-size: cover;
 background-color: #eeeeee00;
 cursor: pointer;
 transform: translate(-50%, -50%)
}

.will:hover {
width: 50vw; 
  aspect-ratio: 1 / 1;
 background-image:url('jim.png');
 background-size:cover;
 background-color: #eeeeee00;
}
.audioplayer {
  position: absolute;
  width: 15vw; 
  aspect-ratio: 1 / 1;
    /* Change the overall color tint */
    filter: sepia(300%) saturate(200%) hue-rotate(250deg); 
    
    /* Make it stand out or blend in 
    filter: brightness(1.2) contrast(1.1);*/
    
    /* Example: To make a player look "Dark Mode" 
    filter: invert(1) hue-rotate(180deg);*/
}