body{
  background-color:black;
  color:white;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  font-family:roboto;
  text-align:center;
  line-height:24px;
  user-select: none;
}
@font-face {
  font-family:'roboto';
  src: url('fonts/roboto.ttf') format('truetype');
}
@font-face {
  font-family:'codesaver';
  src: url('fonts/codesaver.otf') format('opentype');
}

a:link{color:white;text-decoration:none;opacity:0.8;}
a:visited{color:white;text-decoration:none;opacity:0.8;}
a:active{color:white;text-decoration:none;opacity:0.8;}
a:hover{color:white;text-decoration:none;font-weight:bold;opacity:1;}
a.invert:link{color:black;text-decoration:none;opacity:0.8;}
a.invert:visited{color:black;text-decoration:none;opacity:0.8;}
a.invert:active{color:black;text-decoration:none;opacity:0.8;}
a.invert:hover{color:black;text-decoration:none;font-weight:bold;opacity:1;}

.header1{
  font-size:30pt;
  font-weight:bold;
}
.header2{
  font-size:11pt;
  position:relative;
  top:-2px;
}
.header3{
  font-size:16pt;
  text-transform:uppercase;
  /*font-style:italic;*/
}
.header4{
  font-size:16pt;
  font-style:normal;
  font-weight:bold;
}
table{
  margin-top:5px;
  padding-left:0px;
}
td{
  padding:0px;
  padding-right:10px;
}
.container{
  position:relative;
  display:flex;
  width:100%;
  flex-flow:row wrap;
  justify-content:center;
}
.item_full{
  padding:20px;
  padding-top:40px;
  width:100%;
  text-align:center;
}
.item_half{
  padding:20px;
  padding-bottom:0px;
  width:240px;
  text-align:left;

}
.item_half_centered{
  padding:20px;
  padding-bottom:0px;
  width:240px;
  text-align:center;

}
.cwa-logo{
  width:120px;
}
.border{
  width:250px;
}
.poweredby{
  opacity:0.7;
  font-size:10pt;
}
.webappurl{
  font-family:codesaver;
}
.highlight{
  font-size:14pt;
  text-align:center!important;
  background-color:white;
  color:black;
  font-weight:bold;
  padding-bottom:20px;
}
big{
  font-weight:bold;
}