a:link, a:visited {
  color: #F5FFFA;
  text-align: center;
  display: inline-block;
}

a:hover, a:active {
  color: #F5FFFA;
}



.navbar {
  color: #F5FFFA; 
  font-size: 30px;
  text-align: center;
  padding: 10px 10px;
  margin-bottom: 10px;
}  

footer {
    background-color: rgba(0, 0, 0, .5);
}

body {
  background-image: url("stars3.gif");
  color: #F5FFFA;
  font-family: Verdana;
  font-size: 15px;
  
}

main {
  padding: 20px;
  border-style: solid;
  border-color: #F5FFFA;
  border-width: 2px;
  order: 1;
  flex: 3;
  margin: 10px
  
  
  
}
 #container {
                max-width: 900px;
                margin: 0 auto;
                background-color: rgba(0, 0, 0, .5);
               

            }

#container a {
                color: #F5FFFA;
                font-weight: bold;
}

 aside {
               
                border-style: solid;
                border-color: #F5FFFA;
                border-width: 2px;
                width: 200px;
                padding: 20px;
                font-size: smaller;
                margin: 10px;
                overflow: auto
                
                
            }
            
 #flex {
                display: flex;
            }
            
#sidebar {
                order: 2;
            }
            

   h1,
            h2,
            h3 {
                color: #F5FFFA;
            }

            h1 {
                font-size: 25px;
            }
html{ overflow-y:scroll; }

.gallery {
  overflow-y:scroll;
  height:300px;
 
}

.column {
  float: left;
  width: 25%;
  padding: 5px;
}


.row::after {
  content: "";
  clear: both;
  display: table;
}