index.css

table.center {
    margin-left:auto; 
    margin-right:auto;
  }
td {
    padding: 10px;
    border: 1px solid white;
    }
    table {
        font-size 1.5em;
        padding-bottom: 20px;
    }
    body {
        color:white;
        text-align:center;
    }
    html{
         white-space: nowrap;
                position:fixed;
                top:0;
                bottom:0;
                left:0;
                right:0;
    
                text-align: center;
    }
    #span1, #span2 {
        font-size: 1.5em;
        font-family: 'Righteous', cursive;
    }
    
    h2 {
        margin:0;
        padding:0;
        font-family: 'Courgette', cursive;
    }
    
    h3, button {
        font-family: 'Noto Sans TC', sans-serif;
    }
    button{
        margin-bottom: 15px;
        font-size: 20px;
        background-image: radial-gradient(purple, rgb(85, 47, 85));   
        border-color: white;
        border-width: 2px;
        color: white;
        padding: 10px;
        font-family: 'Righteous', cursive;
    }
html {
        background-image: radial-gradient(purple, rgb(85, 47, 85),black);    
      }