/* =Structure
---------------------------*/
body {
  font-family: 'Jacques Francois', sans-serif;
  background-image: url('hexarchive/bg.jpg');
  background-attachment: fixed;
  padding: 40px;
  font-size: 16px;
  line-height: auto;
}
.site {
  background-color: #ffd9f9;
  max-width: 800px;
  margin: auto;
  margin-top: -40px;
  overflow: auto;
  border: 1px dashed #fe118a;
}

/* ===== Scrollbar CSS ===== */
::-webkit-scrollbar{
  width: 20px;
  background-image: url('hexarchive/scroll.jpg');
}

-webkit-scrollbar-track{
  background-image: url('hexarchive/scroll.jpg');
}

::-webkit-scrollbar-thumb{
  background: linear-gradient(transparent, #fefd43);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(transparent, #3456e8);
}

/* =Elements
---------------------------*/
img {
  max-width: 100%;
  height: auto;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 26px;
}
p {
  margin-bottom: 26px;
}
p:last-child {
  margin-bottom: 0;
}

h1 {
  font-family: 'Ramaraja', monospace;
  font-size: 30px;
  text-align: center;  
  color: #fc5a79;
  letter-spacing: 3px;
  text-shadow: 1px 1px 1px #000;
}

h2 {
  font-family: 'Ramaraja', monospace;
  text-align: center;
  font-size: 23px;
  letter-spacing: 3px;
  color: #fe86cc;
  text-shadow: 1px 1px 2px #2d41ee, 0 0 2px #fe248a, 0 0 7px #42e2fb;
}

h3 {
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 15px;
  letter-spacing: 3px;
  color: #cda2e5;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
  border: 1px dashed #353df3;
  background-image: url('hexarchive/bg.jpg');
  width: 390px;
  padding: 10px;
} 

 hr{
    height: 3px;
	background-color: #cda2f4;
	background: transparent;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px dashed #ba2571;
	width: 625px;
    }

b, strong {letter-spacing: 2px;color: #353df3;}
i, em {color: #353df3;letter-spacing: 2px; text-decoration: none;}
a:link, a:visited, a:active { text-decoration: none; color: #d76bd9; font-weight:bold;cursor: url("hexarchive/arrowstar.png"), auto;}
a:hover { text-decoration: none; background: none; color: #df2894;cursor: url("hexarchive/arrowstar.png"), auto;}

/* =Header
---------------------------*/
.site-header {
  padding: 5px;
  text-align: center;
  background-color: #eec5fa;
  margin-top: -10px;
}
.site-title {
  margin: 0;
}
@media (min-width: 800px) {
  .site-title {
    float: left;
  }
}

/* =Navigation
---------------------------*/
.site-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 5px;
}
.site-navigation li {
  display: inline-block;
}
.site-navigation a {
  display: block;
  text-decoration: none;
  letter-spacing: 2px;
  font-weight: bold;
  font-family:
  color: #d76bd9;
  padding: 0 20px;
}
.site-navigation a:hover {
  color: #df2894;
}

@media (min-width: 800px) {
  .site-navigation {
    float: center;
  }
  .site-navigation a {
    padding: 0 0 0 20px;
  } 
}

/* =Content
---------------------------*/
.content-wrapper {
  padding: 40px;
}

/* =Footer
---------------------------*/
.site-footer {
  background-color: #aef3f6;
  color: #3456e8;
  overflow: hidden;
  padding: 10px;
}

@media (min-width: 800px) {
  .site-footer {
    clear: both;
  }