table{

width: 100%;
border-collapse: collapse;
}

table, td{
border: 1px solid black;
padding: 6px;
text-align: center;
}

table, th{
border: 1px solid black;
}

table, caption{
border: 1px solid black;
}

button{
font-size: 17px;
border-radius: 6px;
background-color: orange;
padding: 5px;
}

a{
color: blue;
text-decoration: none;
text-align: center;
}

div{
padding-bottom: 20px;
padding-top: 20px;
}

caption{
font-weight: bold;
font-size: 22px;
padding-top: 5px;
padding-bottom: 5px;
background-color: Orange;
}

.toggleButton{
background-color: Orange;
border: none;
color: black;
padding:20px;
margin: 10px;
transition: 0.5s;
opacity: 1;
cursor: pointer;
border: white;
border-radius: 7px;
font-weight: bold;
}
.toggleButton:hover{
opacity: 0.6
}

body{
padding-left: 25%;
padding-right: 25%;
margin: auto;
}

footer{
text-align: center;
font-size: 13px;
}