.button{
    border-radius:3px;
    border:0px;
    background-color:mediumpurple;
    color:white;
    padding:8px 20px;
    letter-spacing: 1px;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}



/* Table */
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 70%;
}

td, tr {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

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