body{
    background-color: bisque;
    width: 80%;
    margin: auto;
}

header{
    margin: 0px;
    padding: 0px;
    margin: auto;
    text-align: center;
}

table{
    width: 90%;
    background-color: rgb(241, 216, 216);
    padding: 0px;
    margin: auto;
}

table>tr>td{
    width: 160px;
    padding: 0px;
    margin: 10px;
}

main{
    width: 100%;
    margin: auto;
    display: grid;
    
    gap: 10px;
    align-items: end;
}

main div{
    width: auto;
    height: auto;
    text-align: center;
    padding-top: 20px
}

h2{
    font-size: 2em;
    text-align: center;
}

button{
    background-color: rgb(129, 129, 192);
    font-size: 2em;
    border: none;
    border-radius: 3px;
    text-align: center;
}

input[type="color"]{
    border: none;
    border-radius: 10px;
    width: 100px;
}

a{
    text-align: center;
    margin: auto;
}