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;                 
}

#about_this_page {
  position: absolute;     
  top: 200px;             
  left: 250px;            
  width: 300px;           
  height: 680px;          
  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); 
}

#blog-box {
  position: absolute;       
  top: 200px;               
  left: 600px;              
  width: 800px;             
  height: 300px;            
  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); 
}

#guest-book {
  position: absolute;
  top: 580px;   
  left: 600px;  
  width: 800px; 
  height: 300px;
  background-color: rgba(80, 0, 255, 0.2);
  border: 2px solid #9a8cff;
  border-radius: 15px;
  padding: 15px;
  color: white;
  overflow-y: auto;
  backdrop-filter: blur(5px);
}

.link-bar {
    text-align: left; 
    margin: 20px 0; 
}

.social-links {
    list-style: none; 
    padding: 0;
    display: flex; 
    justify-content: left; 
    gap: 20px; 
    flex-wrap: wrap; 
    
}

.social-links li {
    margin: 0; 
}

.social-links {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column; /* Stack items vertically */
    gap: 20px; /* Space between items */
}

.social-links li {
    margin: 0; /* Remove default margins */
}

.social-links img {
    width: 200px; /* Consistent icon size, adjust as needed */
    height: 59px;
    background-color: rgba(80, 0, 255, 0.2);
  border: 2px solid #9a8cff;
  border-radius: 15px;
  padding: 15px;
  color: white;
  overflow-y: auto;
  backdrop-filter: blur(5px);
    transition: transform 0.3s; /* Optional hover effect */
}

.social-links img:hover {
    transform: scale(1.1); /* Slight zoom on hover */
}

}