
            :root {
                --header-image: url('');
                --body-bg-image: url('');

                /* colors */
                --content: #e5f7fb;
            }

  
body {margin:0px;
  background:#F0FFF0  url(/images/aboutbg.jpg) no-repeat center; 
  background-size: 110%; 
  background-position-y: -500px;
  padding:0px 0px 5px 0px;
  line-height:18px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


  

a {color:blue;}     
a:hover {color:green} 
a h1:hover {color: green}
  
b {font-weight:bold;}
i {font-weight:bold;font-style:italic;}

@font-face {
  font-family: "PixeledGothic";
  src: url("/fonts/PixeledGothic.woff2") format("woff2");
}

@font-face {
  font-family: "pixelmix";
  src: url("/fonts/pixelmix.woff2") format("woff2");
}

@font-face {
  font-family: "OldEnglishPixel";
  src: url("/fonts/OldEnglishPixel.ttf") format("truetype");
}

@font-face {
  font-family: "PixelRunes";
  src: url("/fonts/PixelRunes.woff2") format("woff2");
}
@font-face {
  font-family: "willow";
  src: url("/fonts/willow.woff2") format("woff2");
}


@font-face {
  font-family: "PixelScript";
  src: url("/fonts/PixelScript.woff2") format("woff2");
}


h1 {
  font-weight: normal;
  font-size: 75px;}

  
h1 {font-family:"PixelMix";
font-weight: bold;
font-size: 40px;}

h2 {
  font-weight: bold;
  font-size: 40px;}
  
h2 {font-family:"PixelScript";}

::-webkit-scrollbar-thumb {
background-color: #fff;  
border-radius: 0px;
border:1px solid black;border-right:1px;
}
::-webkit-scrollbar {
width: 7px; height: 0px; 
background: transparent;
}

table {
  font-size: 13px
}


 td {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 15px;
    
  }

 
#layout {display:flex;height:100%;margin:auto;}

#container{max-width:840px;height:100%; max-height:500px; overflow:scroll; background-color:#fff;border:1px solid black;
padding: 10px;display:flex; align-items:top;font:20px "willow" ; color:#000; 
  letter-spacing:1px;
  line-height:20px;}

.button {
  display: inline-block;
  padding: 5px 5px 5px 5px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: 1px solid black;
  color: #fff;
  background-color: blue;
  border: none;
  border-radius: 5px;
  box-shadow: 0 4px #999;
  font-family:"PixelScript";
  position:fixed;
}

.button:hover {background-color: #6366ff}

.button:active {
  background-color: #6366ff;
  box-shadow: 0 4px #666;
  transform: translateY(2px);
}
.divider1{
  height:60px;
  display:inline-block;
}
.divider{
    width:auto;
    height:50px;
    display:inline-block;
}
