body {
  background-color: black;
  /*background-image: url("tiles/Scatter\ Purple.png");*/
  background-repeat: repeat;
  color:  white;
  width:    512px;
  height:   512px; 
  padding:  10px;
  margin:   auto;
  font-family: Times,"Times New Roman",serif;
  /*width: 100%;*/
}

:visited,
:link
 {
  color:white;

}

.dired {
  text-align:     center;
  margin:         auto;
  position:       fixed;
  left:           0;
  top:            128px;
  width:          100%;
  letter-spacing: 5px;
  display:        block;
  color:        whitesmoke;
}

.dired h1 {
  color: white;
  letter-spacing: 3px;

}
.dired h2 {
  margin-top:       -50px;
  text-align:       center;
  text-decoration:  overline;
  font-style:       normal;
  font-weight:      lighter;

}
.dired h2::first-letter {
  font-size: 1em;

}

.dired h1::first-letter {
  font-size: 5em;
}


.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
  font-size: 11pt;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
}

.post {
  margin:     auto;
  width:      512px;
  height:     512px; 
  padding:    7px;
  top:        0;
  bottom:     0;
  left:       0;
  right:      0;
  background-color:   whitesmoke;
  border: 2px outset  white;
  position:             fixed;
}

.sidebar {
  height:   100%;
  width:    160px;
  position: fixed;
  z-index:  1; 
  top:  0;
  font-family: mona;
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.238);
  left: 0;
  overflow-x: hidden; 
  background-color: whitesmoke;
  padding-top: 20px;
  font-smooth: never;
-webkit-font-smoothing : none;
}


.sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  background-color: white;
  display: block;

}