body > p{
    
    font-family: sans-serif;
    font-size: 50px;
    margin-top: 100px;
    font-weight: bold;
    text-align: center;
    
}

@media (max-width: 500px){
    
    h6::before{
        color: chocolate;
        content: "page shrinked !!"
        
    }
}
table {
  border: 3px solid black;
    font-size: 30px;
    font-family: monospace;
}

table.center {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
}

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

th {
  background-color: grey;
}
td:hover{
    
    background-color: yellow;
    
}

#buttons{
                
                margin-top: 100px;
                text-align: center;
                
                
}