/*
 BurlyWood;  #5dade2 #d6eaf8 #eaeded  
*/
body {
  height: 100%;
  margin: 0;
  margin-left:8px;
  font-family: Arial, Helvetica, sans-serif;
  background-color:   #269de5  ;
  background-image: linear-gradient(90deg, cornflowerblue 0%, wheat 50%)
}
html {
  height: 100%; /* ! */
}
* {
  box-sizing: border-box;
}
.bg-image {
  /* The image used */
  /* background-image: url("/img/pexels-hoang-le-978535.jpg"); */
  
  /* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);
  
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  z-index: -1;
}
/* Position text in the middle of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,48,0, 0.4); /* Black w/opacity/see-through 192 96 */
  color: white;
  font-weight: bold;
  border: 3px solid  #1f618d; /*#f1f1f1;*/
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 90%;
  padding: 20px;
  text-align: center;
}
h3  { font-family: Verdana,Arial,sans-serif; font-size: 1.3em; font-weight: 500; color: #f1f1f1; } /* WhiteSmoke */
a,p { font-family: Arial,sans-serif; color: #d4ac0d ; text-decoration:none; }
h5  { font-family: 'syncopatebold' }
h6  { font-family: 'syncopateregular' }
#n1 { font-family: monospace,monospace; text-decoration:none; color:black; font-weight:bold; font-size:0.82em; font-weight:400; }