body { 
        background-color: #94def9;
    background-image: url('https://mandelbrotmusings.neocities.org/blog/backrounds/stars.gif');
    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;
          } 
/* <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: gainsboro;
}
a:hover { 
  color: red;
}
/* unvisited link */
a:link {
  color: red gold;
}

/* visited link */
a:visited {
  color: red gold;
}

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

/* selected link */
a:active {
  color: red gold;
}

::selection {
  background: #94def9;
}

hr.solid {
  margin-top:2em;
  margin-bottom:2em;
  border-top: 3px solid;
  background-color:black;
}

 summary { 
    font-family: "Michroma", sans-serif;
          } 
.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;
   }
  }