@import url(defaults.css);
@import url(basic2.css);

:root {
  --base-colour: #000;
  --block: #000;

  --line-height: 30px;

  --border: 1px solid #fff;
  --accent: #607e1b;

  --wrapper-width: 50%;
  --wrapper-padding: 1em;
}

body {
  animation: 30s infinite hue-rotate;
}

.welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pressing {
  font-family: var(--header-font);
  font-size: 25pt;
}

#mainbox {
  width: 50%;
  border: var(--border);
  padding: 1em;
}

.iriguchi {
  padding: 1em;
  margin-bottom: 1em;
  text-align: center;
}

/*Sections*/
section {
  border: var(--border);
  margin-bottom: 1em;
}

section li ul li:first-child {
  padding: 7px 0px 2px 0px;
}

section li ul li:last-child {
  padding: 5px 0px 5px 0px;
}

section .content {
  padding-top: 10px;
}

li {
  padding-bottom: 1em;
}

.en li {
  line-height: 15px;
}

/*Section Headers*/
.header {
  background: #fff;
  color: #000;
  padding: .5em;
}

/*MOBILE COMPATABILITY*/
@media screen and (max-width: 700px) {
    body {
      padding: 10px;
    }

    .wrapper {
      min-height: 100vh;
      width: 100%;
      margin: 0 auto;
  }
}