body {
    background-image: url(images/starry_sky.gif); /* Replace with your GIF's path */
    background-size: cover; /* Scales the GIF to cover the entire container */
    background-position: center; /* Centers the GIF within the container */
    background-repeat: no-repeat; /* Prevents the GIF from repeating */
    height: 100vh; /* Example: Sets height to 100% of viewport height */
    width: 100%; /* Example: Sets width to 100% of parent container */
    color: white; /* Example: Sets text color for better visibility */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
 
 header{
   background-color: #f2f2f2;
  font-weight: bold;
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #ddd;
   }
  
.container{
  
  display: auto;
  background-image: url('images/pegboard.jpg');
  background-size: contain, cover;
  height: 700px;
  width: 500px;
  background-repeat: no-repeat;
  
  text-align: center;
}

::selection {
/* Change highlight background color */
background: #f7abcf;
/* Change highlight text color */
color: #FFFFFF;
}