body { 
        background-color: #E5F1FF;
    background-image: url('https://mandelbrotmusings.neocities.org/bgstar.gif');
    color: white;
    font-family: "Orbitron", sans-serif;
    } 
        h1 { 
    font-family: "Orbitron", sans-serif;
    font-weight: 800;
    } 
          h2 { 
    font-family: "Orbitron", sans-serif;
    } 
          p { 
    font-family: "Michroma", sans-serif;
          } 
          
  .d16pc {
  background-color: none;
  padding: 20px;
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: none;
max-width:30%;
height:auto;
float:left;

 display: flex;
align-items: flex-start;
    
    justify-content: flex-start;
} 

  .beforeyouenter {
  padding: 2em;
  margin: 3em auto;
  width: 50%;
  min-width:200px auto;
	max-width: 700px;
	background-color: #E5F1FF; /* this is the backround colour for the blog posts themselves */
  color: #505050; 
  border-color: LightSlateGray;    /*edge of square in posts, about, index, etc.*/
  border-style: ridge;
  border-width: 10px;  /* original is 6px */
  border-offset: 0;
  height:auto;
margin-top:0px;
 display: flex;
   text: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;


} 

  .welcome {
  padding: 2em;
  margin: 3em auto;
  margin-bottom:0px;
  width: 50%;
	max-width: 700px;
	  min-width:20%;
	background-color: #E5F1FF; /* this is the backround colour for the blog posts themselves */
  color: #505050; 
  border-color: LightSlateGray;    /*edge of square in posts, about, index, etc.*/
  border-style: ridge;
  border-width: 10px;  /* original is 6px */
  border-offset: 0;
  border-bottom:none;
  height:auto;
   display: flex;
justify-content: center; 
text-align: center; 
align-items: baseline; 
float: center;
} 

/* <weight>: Use a value from 400 to 900*/
/* <uniquifier>: Use a unique and descriptive class name*/

.orbitron-<uniquifier> {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.michroma-regular {
  font-family: "Michroma", sans-serif;
  font-weight: 400;
  font-style: normal;
}
    #images-wrapper {    
   line-height: 0;       
    -webkit-column-count: 3;    
    -webkit-column-gap: 1em;    
    -moz-column-count: 3;
    -moz-column-gap: 1em;
     column-count: 3;    
     column-gap: 1em;    
}  
#images-wrapper img {    
   width: 100% !important;    
   height: auto !important;  
   padding: 1em;
}  
#images-wrapper{    
   display:inline-block;    
   margin-right: auto;    
   margin-left: auto;  
} 
.content{    
 margin-left: auto;
  margin-right: auto;
  width: 60em;
  border:double;
  border-width:10px;
  padding: 20px;
  background-color: #73468A;
}
a:hover { 
  color: black;
}
/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: blue;
}

/* mouse over link */
a:hover {
  color: blue;
}

/* selected link */
a:active {
  color: blue;
}

::selection {
  background: blue;
}
.blink {
                animation: blinker 3s linear infinite;
                color: gold;
                font-family: "Orbitron", sans-serif;
            }

            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }
@media (max-width: 1000px) {
   #images-wrapper {
   -moz-column-count:    3;
   -webkit-column-count: 3;
   column-count:         3;
   }
  }  
@media (max-width: 800px) {
   #images-wrapper {
   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
   }
  }  
@media (max-width: 400px) {
   #images-wrapper {
   -moz-column-count:    1;
   -webkit-column-count: 1;
    column-count:        1;
   }
  }