body {
  background-color: purple;
  background-image: url(https://galacticvagabond.neocities.org/cosmic.png);
  color: white;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  font-weight: bold;
  text-shadow: 
        1px 1px 0px #D000FF, 
        -1px -1px 0px #D000FF,
        1px -1px 0px #D000FF,
        -1px 1px 0px #D000FF;
p {text-align: center;}
div.containner{text-align: center;}
ul.myUL{display: inline-block;
text-align: left;}
}


#list{
  position: absolute;     
  top: 100px;             
  left: 25px;            
  width: 300px;           
  height: 750px;          
  background-color: rgba(80, 0, 255, 0.2); 
  border: 2px solid #9a8cff;
  border-radius: 15px;
  padding: 15px;
  color: white;
  overflow: auto;         
  backdrop-filter: blur(5px); 
}


#info-box{
  position: absolute;     
  top: 100px;             
  left: 400px;            
  width: 1000px;           
  height: 750px;          
  background-color: rgba(80, 0, 255, 0.2); 
  border: 2px solid #9a8cff;
  border-radius: 15px;
  padding: 15px;
  color: white;
  overflow: auto;         
  backdrop-filter: blur(5px);
}