body{
  background-color: #2f284d;


  color: #ede6f2;
  margin: 0;
  padding: 0;


    font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14pt;


}

.header{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30pt;
color: #00cdff;

/*  opacity: 0;*/

}

.quote{
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30pt;
  color: white;

/*  height: 200px;*/

width: 600px;
}


.para{
/*  background-color: blue;*/



font-size: 18pt;
outline:0px solid transparent;
}

.page{
  max-width: 600px;
  margin: auto;

/*  margin-top: 100px;*/

margin-bottom: 2em;
}

.account,
.page-title{
     font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.page-title{
  font-size: 30pt;
  margin-bottom: 1em;
color: #00cdff;
}

.page-subtitle{
  margin-top: 1em;
  margin-bottom: 1em;
  color: #00cdff;
  font-size: 20pt;
}

.button-link{
/*  padding: 1em;*/

   font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30pt;
  color: white;
text-decoration: none;
 color: #ff6b35;
}

.high{
   color: #ff6b35;
}

.typebox{
  width: 600px;
  color: white;
}

.type-elem{
  max-width: 600px;
  color: white;
}



a:link, 
a:visited, 
a:hover, 
a:active{
  color: #ff6b35;
  text-decoration: none;
}



a.homelink:link, 
a.homelink:visited, 
a.homelink:hover, 
a.homelink:active{
color: #00cdff;
  text-decoration: none;
}



a.plain:link, 
a.plain:visited, 
a.plain:hover, 
a.plain:active{
color: #ede6f2;
  text-decoration: none;
}



.rightrow{
  width: 100%;
  display: flex;
  justify-content: flex-end;

}



.account{
  width: 100%;
  display: flex;
  justify-content: flex-end;
margin-bottom: 2em;

font-size: 20pt;
}


.join-form input[type=email],
.join-form input[type=password]{
background-color: #2f284d;

  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15pt;
  color: white;
  border: 0;

}


.join-form input[type=submit]{
  margin-top: 1em;
  background-color: #2f284d;

    font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30pt;
 color: #ff6b35;
 border: none;
 padding: 0;
}

.join-form .field{
  margin-bottom: 1em;
}

.join-form label{
  font-size: 15pt;
}


.field{
  margin-bottom: 1.5em;
}

.field-title{
  color: #43acab;
}

.button{
     font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20pt;
text-decoration: none;
 color: #ff6b35;
 cursor: pointer;
}