@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Rubik&display=swap');

main {
    display: flex;
    justify-content: center;
    align-items: center;
}
table{
    border-collapse: collapse; 
    width: 50vw;
    height: 50vh;
  
}
td,th{
    border: solid 2px #000;
    text-align: center;
}
th{
    font-family: 'Bad Script', cursive;
    font-size: 1em;
    font-weight: bold;
    background-color: #8FBC8F;
}

td:hover{
    background-color: #34C924;
    transition: 1s;

}
caption{
    font-family: 'Dancing Script', cursive;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 2em;
}