body { 
        background-color: #E5F1FF;
    background-image: url('https://mandelbrotmusings.neocities.org/blog/backrounds/tarnpipes.jpg');
    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: #73468A;
}
a:hover { 
  color: purple;
}
/* unvisited link */
a:link {
  color: grey;
}

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

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

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

::selection {
  background: gold;
}
.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;
   }
  }