@keyframes fadeIn {
            to {
                opacity: 1;
            }
}

html {scroll-behavior: smooth;}

body {background-color: #DFD;
      background-image: url("newbrunswick.jpg");
	  background-size: cover; 
	  background-attachment: fixed;
	  font-family: Arial, sans-serif;}

div.fadeOnLoad {
            opacity: 0;
            animation: fadeIn 3s forwards;
            }

div.post { 
         margin: auto; 
         word-wrap: break-word;
         color: black;
         width: 95%;
         padding: 2%;
		 text-align: center;
		 font-size: 20px;
}
          
div.navbar { width: 100%;  }
          
div.flexgrid { 
  width: 312px;
  display: inline-block;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  background-image: linear-gradient(#046, white);
  color: #333;
  border-radius: 10px;
}
div.flexgrid:hover { 
  background-image: linear-gradient(#0F8, white);
  box-shadow: 0 0 15px 7px #FFF,  /* inner white */
              0 0 25px 15px #0F0, /* middle magenta */
              0 0 45px 22px #0FF;
}

h2 { text-align: center;}
ul {
	text-align: left;
}  
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.solid {
	background-color: #FFF;
	border-radius: 4px;
	
}
.floating {
	text-shadow: 1px 1px 2px #FFF;
}