#mySummer{
  margin-left:auto; 
  margin-right:auto;
  margin-top:8px; 
  height: 440px;
  width:500px;
  z-index:999;
  background-color:#fff; 
  opacity:.75;
  padding:15px;
  font-family:monospace; 
  font-size:50px;
	display: flex;   /* enables Flexbox layout for easier alignment*/
  justify-content: center; /*centers content horizontally within the box */
  align-items: center; /* centers content verticaly within the box */
  text-align: center;  /* ensures text stays centered even on multiple lines */
  border-radius: 20px; /* rounds the corners */
  height: fit-content; /* adjusts container height automatically based on content */
} 
#banner{ 
  width:778px; 
  padding:10px;
  margin-right:auto; 
  margin-left:auto; 
  margin-top:2px; 
  background-color:#fff; 
  opacity:.75; 
  font-size:72px; 
  font-family:monospace; 
  color:#000; 
  z-index:999; 
  display: flex; /* enables Flexbox layout for easier alignment*/
  justify-content: center; /*centers content horizontally within the box */
  text-align: center; /* ensures text stays centered even on multiple lines */
  align-items: center; /* centers content verticaly within the box */
  border-radius: 20px; /* rounds the corners */
  height: fit-content; /* adjusts container height automatically based on content */
} 
#myPic{ 
  position:fixed;
  top:0px; 
  left:0px;
  height:100%; 
  width:100%; 
  z-index:-999; 
} 
#credits{ 
  position:fixed;
  bottom:10px; 
  font-family: monospace; 
  font-size:12px; 
  color:#000; 
  z-index:999; 
  background-color:#fff; 
  opacity:.75; 
} 
a{ 
  font-family:monospace;
  font-size:12px; 
  color:#000; 
}