:root {
  --color-1:#F5B178;
  --color-2:#866BEB;
  --color-3:#E8C166;
  --color-4:#6794F5;
  --color-5:#938972;
  --color-6:#69615A;
  
  min-width: inherit;
  min-width: 200px;
  font-size: 4.5mm;
  
  color:            var(--color-3);
  background-color: var(--color-5);
  font-family:      Verdana, Geneva, Tahoma, sans-serif;
}

a { color:var(--color-2); }
a:hover { color:var(--color-4); }

strong {
  font-weight: bold;
}

body {
  margin:1rem;
  display: block !important;
}

body > div { 
  display: block;
  margin: 1rem 8rem; 
  padding: 1rem;
  border-radius: 1rem;
  background-color: var(--color-6);
  min-height: 65vh;
  
  h1 { text-align: center; }
}

main {
  float: left;
  /*width:70%;*/
}

aside {
  position: fixed;
  top:1em;
  right: 1em;
  display: block;
  float: right;
  width:30%;
  width: min-content;
  label {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    width: 100%;
  }
  span {
    width: min-content;
  }
  > table {
    background-color: var(--color-5);
    min-width: 100%;
    th, td {
      background-color: var(--color-6);
      padding:0.7rem;
    }
    /*thead th { font-size: 1.2rem; }*/
    tbody th { text-align: right; max-width: min-content; }
    tbody td { width:100%;}
  }
}












.neocities-banner {
  display:  block;
  position: fixed;
  z-index:  1;
  bottom:   0.5rem;
  right:    0.5rem;
  > * {
    max-height: 5rem;
  }
}