.page-list{
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin: 0 auto;
  font-family: Mononoki;
  padding: 0;
}

.page-link{
  font-size: 0.4em;
  line-height: $ascii-line-height;
  transition: 0.3s;
  margin: 0px 10px;
  & a{
    color: $header-color;
    text-decoration: none;
    display: block;
    &:hover, &:focus{
      color: var(--pink)
    }
  }
}


@media screen and (max-width: 420px) {
    .page-link {
	line-height: $ascii-line-height-mobile;
	white-space: pre-line;
	margin-bottom: 5px;

    }
    .page-list{
	flex-direction: column;
	align-items: center;
	width: auto;
    }
    .toilet-logo{
	font-size: 0.6em;
    }
}
