body {
  background-color:orange;
}

table {   
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #cfb20de7; 
}
th { 
  background: #ff7c11; 
  color: rgb(20, 20, 20); 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

   

/*
div {
 display: flex; 
 justify-content: center;
 align-items: center;
}

	/*
.fcc-btn {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fcbf07;
    color: white;
    padding: 15px 25px;
    display:inline-block;
    background-color: #d8ad38f3;
    border-radius: 4px;
    border: 1px double #171717;
    color: #121111;
    text-align: center;
    font: size 5px;
    padding: 0px;
    width: 50px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0px;
    size: 5px;
    text-decoration: none;
    }

.fcc-btn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    }

.fcc-btn:hover {
    background-color:orange;
    }
.fcc-btn:hover span {
    padding-right: 25px;
    }
.fcc-btn:hover span:after {
    opacity: 1;
    right: 0;
    }
  */