@font-face {
  font-family:"Ari-W9500";
  src:url("foggybear42.neocities.org/fonts/ari-w9500.woff") format("woff");
}

@font-face {
  font-weight:bold;
  font-family:"Ari-W9500";
  src:url("foggybear42.neocities.org/fonts/ari-w9500-bold.woff") format("woff");
}

html {
  color:#ffffff;
  background-color:#000000;
  font-family:"Ari-W9500", monospace;
}

header {
  color:#ffffff;
  font-size:55px;
  text-align:center;
  margin-bottom:-15px;
}

footer {
  width:100%;
  height:40px;
  padding-top:10px;
  text-align:center;
}

h1 {
  color:#ddaacc;
  font-size:45px;
  text-align:center;
}

h2 {
  color:#ddaacc;
  font-size:25px;
  margin-top:-8px;
  margin-bottom:-2px;
}

h3 {
  color:#ddaacc;
  font-size:28px;
  text-align:center;
  margin:5px 1px 1px 1px;
}

h4 {
  margin:25px;
  color:#ddaacc;
  font-size:45px;
  text-align:center;
}

hr {
  border:1px solid #ddaacc;
}

button {
  color:#ddaacc;
  cursor:pointer;
  font-size:25px;
  padding:2px 5px 0 5px;
  border:2px solid #ddaacc;
  background-color:#000000;
  font-family:"Ari-W9500", monospace;
}

button:hover {
  color:#000000;
  cursor:pointer;
  border:2px solid #ddaacc;
  background-color:#ddaacc;
}

a {
  color:#ddaacc;
  background-color:#000000;
  text-decoration:underline;
}

a:hover {
  color:#000000;
  background-color:#ddaacc;
  text-decoration:underline;
}

strong {
  color:#ddaacc;
  font-size:22px;
  font-weight:bold;
  font-variant:small-caps;
}

#title {
  color:#ddaacc;
  font-weight:bold;
  font-style:italic;
}

#banner {
  width:250px;
  margin-top:15px;
  margin-bottom:-20px;
}

#nav {
  margin-top:4px;
  text-align:center;
}

#main {
  width:635px;
  margin:auto;
  padding:5px;
  border:2px solid #ddaacc;
}

.inner {
  margin:5px;
  width:590px;
  padding:15px;
  margin-top:10px;
  border:2px solid #ddaacc;
}

.help {
  cursor:help;
  font-weight:bold;
  text-decoration:dotted underline;
}

.outlink:after {
  content:"↗";
  line-height:1em;
}

.outlink-bc:after {
  content:"↗";
  line-height:1em;
}

::selection {
  color:#000000;
  background-color:#ddaacc;
}

::-webkit-scrollbar {
  width:auto;
  color:#ddaacc;
}

::-webkit-scrollbar {
  width:16px;
}

::-webkit-scrollbar-track {
  background:#000000;
}

::-webkit-scrollbar-thumb {
  background:#ddaacc;
  border:2px solid #ddaacc;
}

::-webkit-scrollbar-thumb:hover {
  background:#000000;
  border:1px solid #ddaacc;
}

::-webkit-resizer {
  color:#ddaacc;
  background:#000000;
}

@media only screen and (max-width:800px) {
  html, body {
    padding:0;
  }
  
  #main {
    width:95%;
    margin:auto;
    padding:3px;
  }
  
  .inner {
    width:90%;
    margin:3px;
    padding:13px;
    margin-top:5px;
  }
  
  footer {
    font-size:10px;
  }
  
  button {
    font-size:24px;
    margin-bottom:5px;
  }
  
  header {
    font-size:45px;
  }
  
  h1 {
    font-size:30px;
  }
  
  h2 {
    font-size:20px;
    margin-top:0;
  }
  
  h3 {
    font-size:15px;
  }
}