
*
{

  font-size: 16px;
  border-color: #331D0D;
  border: 0px;
}



html, body
{
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


body
{
  font-family: sans-serif;
  color: #eadfbd;
  background-color: black;
  text-align: left;
}


h1
{
  font-size: calc(1.2rem + 1vw);
  text-align: center;
  padding-top: 2vh;
  padding-bottom: 3vh;
}

h2
{
  font-size: calc(.4rem + 1vw);
  text-align: center;
  padding-top: 1vh;
  padding-bottom: 1vh;
  margin-left: 20%;
  margin-right: 20%;
}

a
{
  font-size: calc(0.5rem + 1vw);
}

a:link
{
  color: #5f2216;
}

a:visited
{
  color: #5f2216;
}

a:hover
{
  color: #AB3D27;
}

.dl
{
  text-align: center;
  padding-top: 2vh;
  padding-left: 10vw;
  padding-right: 10vw;
  font-size: calc(0.2rem + 1vw);
}

dt
{
  font-size: calc(0.4rem + 1vw);
  text-decoration: underline;
}
dd
{
  color: #d2bd91;
  font-size: calc(0.3rem + 1vw);
}

.aLeft
{
  text-align: left;
}

.aCenter
{

  text-align: center;
}
.linkList
{
  color: #AB3D27;
  font-size: calc(.8rem + 1vw);
}
.subPoint
{
  color: #E3770B;
  font-size: calc(.8rem + 1vw);
}
.description
{
  color: #eadfbd;
  font-size: calc(.5rem + 1vw);
}
.subDetail
{
  color: #d2bd91;
  font-size: calc(.5rem + 1vw);
}

.contact
{
  padding-left: 3vw;
  padding-right: 3vw;
}

.helppic
{
  width: 95%;
}

.yellownumber
{
  color: yellow;
  font-size: inherit;
  font-weight: bold;
}
