body {
        font-family:'Calibri', sans-serif;
        font-size:1.5em;
        height:100%;
        margin:0.5em;
}

a {
        color: #222;
        text-decoration: none;
}

a:hover {
        color: #444;
        text-decoration: underline;
}

a:visited {
        color: #222;
        text-decoration: none;
}

ul {
        padding: 0;
        list-style-type: none;
        margin-top:0.5em;
        margin-bottom:0.5em;
}

li {
        padding-left: 0.6em;
        margin-bottom: 0.4em;
}

input, button {
  font-size:1em;
  background-color:#fdb138;
  border: 0px;
  color: #fff;
}

button:hover {
  background-color:#fff7e9;
}

th {
  padding-right:1em;
}

td {
  padding-right:1em;
}

.border table {
  border: 1px solid #000;
  border-collapse: collapse;
}
.border td {
  border: 1px solid #000;
}
.border th {
  text-align: left;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

@media only screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
}

#header {
  background-color:#fdb138;
  vertical-align:center;
}

#header a {
  color: #ffffff;
  margin: 8px;
}

.heading {
  display: flex;
  width: 100%;
  background-color:#ec008c;
  color: #fff;
}

.heading b {
  margin: 8px;
}

.button {
  background-color:#fdb138;
}

.button a {
  color: #ffffff;
  margin: 8px;
}