body {
  font-family: offbit;
  font-size: 12px;
}

main {
  width: 600px;
  margin-top: 10%;
  margin-left: 10%;
  padding: 2px;
  filter: blur(0px);
}

footer {
  font-size: 10px;
  margin-top: 10px;
  color: var(--brown);
  text-transform: lowercase;
}

a:hover {
  letter-spacing: 1.4px;
  cursor: crosshair;
}

a {
  transition: .3s steps(3);
}

summary::marker {
  marker: none;
}

#tt {
    font-size: 15px;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    text-align: right;
    font-family: 'pscript';
    bottom: 35px;
    right: 5px;
    position: fixed;
    z-index: 5;
    animation: fadein 1.2s steps(7);
}

#nav {
  background-image: url(/i/ind/graphic.png), url(/i/ind/ibg.gif);
  background-size: 50%, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: right, 0; 
  background-blend-mode: soft-light, normal;
  border: 1px solid white;
  outline: 1px solid var(--green);
  height: 230px;
  padding: 6px;
  color: white;
}

#nav::before {
  filter: invert(1) drop-shadow(0px 0px 1px white);
  background: url("/i/ind/graphic.png") no-repeat;
  background-size: cover;
  height: 250px;
  width: 250px;
  /*position: relative;
  float: right;
  margin-top: 0px;*/
}

#nl {
  margin-right: 10px;
  margin-left: 7px;
  margin-top: 3px;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  display: inline-table;
  animation: fadein 3s;
}

#nl h2 {
  margin: 0;
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
  font-family: pscript;
  font-size: 10px;
}

#nl a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}