body {
font-family: 'Roboto Black', sans-serif;
font-family: 'Roboto Light', sans-serif;
font-family: 'Roboto Thin', sans-serif;
font-family: 'Roboto Medium', sans-serif;
font-family: 'Roboto', sans-serif;
}



table{
margin-left:auto;
margin-right:auto;
padding:20px;
}

.smalltable {
margin-left:auto;
margin-right:auto;
padding:5px;
font-size: 10px;
}


.button {
  background-color:#D6EEEE;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
  font-family: 'Roboto Black', sans-serif;
}

.moptions{
  border: none;
  color: black;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

.moptions:hover {
 font-size: 18px;
 font-family: 'Roboto Medium', sans-serif;
 color: Green;
 text-transform:uppercase;
}



.lbutton {
  background-color:#D6EEEE;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius:10px;
  font-family: 'Roboto Medium', sans-serif;
}


.lsbutton {
  background-color:blue;
  border: none;
  color: white;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  border-radius:10px;
  font-family: 'Roboto Thin', sans-serif;
}




.button1 {background-color: #4CAF50;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */

table, tr, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding:8px;
}

th {
background-color:purple;
color:white;
border-radius:5%;
padding:5px;
}

tr:nth-child(even),tr:nth-child(even) {
  background-color: #D6EEEE;
}

h1{
color:blue;
}

h3{
color:lightblue;
}

.payslips {
width:95%
margin:auto;
background:black;
padding:5px 0;
display:flex;
justify-content:space-between;
}

.payslips ul li{
list-style:none;
display:inline-block;
margin:0 5px;
}

.payslips ul li a{
text-decoration:none;
color:white;
text-trasform:uppercase;
}