body {
  padding-left: 25%;
  padding-right: 25%;
  padding-top:5px;
  font:
  14px "",
  Monospace,
  Arial,
  sans-serif;
  line-height: 1.5;
  color: #494949;
}

h1,h2,h3,h4,h5 {
  color: #383838;
}

strong {
  color: #2c352d;
}

strong em {
  color: #f54fff;
}

em {
  color: #969696;
}

pre {
  color: #c7e2db;
  background-color: #313550;
  width: fit-content;
  padding: 10px;
}

@media screen and (max-width: 1000px){
  body{
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media screen and (max-width: 765px){
  body{
    padding-left: 5%;
    padding-right: 5%;
  }
}

#home {
  text-decoration:none;
  background-color:black;
  padding: 5px;
  color: white;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 0.3s;
  transition-property: box-shadow;
}

#home:hover {
  box-shadow:-10px 0px #072c01, -20px 0px #2e6d48, -30px 0px #6eaebc, -40px 0px #bec3ec,50px 0px;
  -webkit-transition: -webkit-transform .1s;
  transition: transform .1s;
  transition-property: box-shadow;
}

footer {
  padding-top: 20px;
}

img {
  width: 100%;
}

hr {
  border: 0;
  background: #000;
  height: 1px;
}

a {
  color:#009900;
  text-decoration:none;
}

a:hover {
  color:#005b00;
  text-decoration:none;
}

code {
  background-color: #565e9244;
  padding: 1px;
}

blockquote {
  background-color: #7f8ce444;
  font-weight: bold;
  padding-left: 10px;
}