*
{

  font-size: 16px;
  border-color: black;
  border: 0px;
}



html, body
{
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
}


body
{
  font-family: sans-serif;
  color: #eadfbd;
  background-color: black;

  display: grid;
  display: -ms-grid;
}

h1
{
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  grid-column: 2;
  font-size: calc(1.2rem + 1.2vw);
  text-align: center;
}

a
{
  color: #7f5246;
  font-size: calc(.6rem + 1.2vw);
}

a:link
{
  color: #7f5246;
}

a:visited
{
  color: #7f5246;
}

a:hover
{
  color: #AB3D27;
}

.subPoint
{
  color: #E3770B;
  font-size: calc(.8rem + 1vw);
  padding-top: 2vh;
}
.description
{
  color: #eadfbd;
  font-size: calc(.5rem + 1vw);
  padding-bottom: 1.5vh;
}
.subDetail
{
  color: #d2bd91;
  font-size: calc(.5rem + 1vw);
}

.contact
{
  padding-left: 3vw;
  padding-right: 3vw;
  font-size: calc(.6rem + 1.2vw);
}

#discordDisclaimer
{
  height: calc(3rem + 1.2vw);
}

#blankBackground
{
  display:none;
  top:0;
  bottom:0;
  left:0;
  right:0;
  position: absolute;
  height:100%;
  width:100%;
  background: rgba(0, 0, 0, 0.9);
}


#discordOptIn
{
  background: #eadfbd;
  color: #402410;
  z-index: 5;
  border: 1px solid black;
  width:50vw;
	height:50vh;
	position:absolute;
	left:50%;
	top:50%;
	margin:-25vh 0 0 -25vw;
  text-align: center;
  display: grid;
  display: -ms-grid;
  -ms-grid-columns:  minmax(0, 1fr);
  grid-template-columns:  minmax(0, 1fr);
  -ms-grid-rows: auto  minmax(0, 1fr) auto;
  grid-template-rows: auto  minmax(0, 1fr) auto;
  overflow-y: hidden;
  border-radius: 25px;
}

#discordTop
{
font-size: calc(.5rem + 1vw);
background: #d2bd91;
}

#discordMiddle
{
  padding: 2vw;
  overflow-y: auto;
  font-size: calc(.5rem + 1vw);
}

#discordBottom
{
  background: #d2bd91;
  padding-top: 2vh;
  height: calc(3rem + 1vw);
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.discordButtons
{
  padding-left: 2vw;
  padding-right: 2vw;
  height: calc(1rem + 1vw);;
  font-size: calc(.5rem + 1vw);
  color: #d2bd91;
  background-color: #632F17;
  box-shadow: inset -2px 2px 7px #B05328 , inset 2px -2px 7px #291309;
  text-decoration: none;
  display: block;
}
.discordButtons:link
{
  color: #d2bd91;
}

.discordButtons:visited
{
  color: #d2bd91;
}

@media only screen and (orientation:portrait)
{
  h1
  {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    font-size: calc(1.2rem + 1.2vh);
    text-align: center;
  }

  a
  {
    color: #7f5246;
    font-size: calc(.6rem + 1.2vh);
  }
  .contact
  {
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: calc(.6rem + 1vh);
  }

  #discordDisclaimer
  {
    height: calc(3rem + 1.2vw);
  }
}