@import '_globals.css';
 

#container{
    width:100%;
    margin:0 auto;
    font-size:14px;
    font-family: Arial;
    font-weight: bold;
}
#container h1{
  font-family: 'Honovi';
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
  color: #791519;
  padding: 1px;
  text-align: center;
}
 
#container p {
    font-size: 1em;
    text-align: center;
}
.wrapper input{ /* for the next button */
  display:inline;
}
select, input {
  font-size: 0.875em;
}
table {
  width: 80%;
  margin-left: auto;
  margin-right: auto; 
}
table, th, td {
  border: 1px solid black;
  padding: 1px, 1px;
  text-align: left;
  cursor: pointer;
}
th {
  font-family: 'Honovi';
background-color: #911404; /*header color*/
color: #ffffff; /*font color*/
padding: .25em .5em; /*space around the text*/
text-align: center;
font-size: 18px;
}

    table td{   /* first col after header */
    vertical-align: top;
    padding: 0.25em 1em;
    font-family: arial;
    font-size: 14px;
    margin: 0 0 0 0;
    font-style: normal;
    font-weight: bold;
    text-align:center;
    color: #000;
}

td:nth-child(even) /* second col after header */
{
  font-family: 'Honovi';
} 
td a{
  font-family: 'Honovi';
  font-size: 14px;;
  font-style: normal;
  font-weight: bold;
  color:#2112ec;
}
tr {
    border-bottom: 1px solid #c9c9c9;
}
tr:nth-child(even) {
    background-color: #e7edf6;
}
tr :hover:nth-child(even){
    background-color:#ffe600;
}
div .wrapper {
      font-size: 20px;
      text-align: center;
}
.button {
    background-color: #791519; /* Green */
    border: solid;
    color: white;
    padding: 5px 14px;
    text-align: center;
    font-size: 14px;
}
 
@media all and (max-width:968px){
 table{
   width: 95%;
 }
}