body {
  background-color: #444;
  color : #e4e4e4 ;
  width: 90%;
  margin: auto;

  background-image: url(../image/linux_logo.png);
  background-position: top right;
  background-repeat: no-repeat;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

a {
  color: #1EAEDB; }
a:hover {
  color: #fffafa; }

.date {
  border-top :solid 3px #555 ;
  text-align: center;
  font-size: 50%;
}

code {
margin: auto;
  width: 90%;
  white-space: nowrap;
  background: #555;
  border-radius: 4px;
}
pre > code {
  display: block;
  padding: 1.2rem 0.5rem;
  white-space: pre;
}

blockquote {
  margin: auto;
  width: 90%;
  position: relative;
  padding: 1.2rem 0.5rem;
  background: #555;
  border-radius: 4px;
}

blockquote:before{
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  content: "“";
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}

blockquote p {
  white-space: pre-wrap ;
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

blockquote cite {
  display: block;
  text-align: right;
  font-size: 0.9em;
}

blockquote:after{
  display: inline-block;
  position: absolute;
  bottom: 0rem;
  right: 0.5rem;
  position: absolute;
  content: "”";
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}

table {
  border-collapse: collapse;
  border: 1px solid #CCC;
}
 
th, td {
  padding: 2.5px 5px;
  border: 1px solid #CCC;
}
 
th {
  background: #333;
}

img {
  max-width: 100%;
  height: auto;
}