td {
    text-align: center;
    border: 2px solid black;
    border-radius: 20px;
    font-weight:bolder ;
}

body {
 text-transform: uppercase;
    font-weight: bold;
}
h1 {
    width: 1500px;
    height: fit-content;
    text-align: center;
    text-decoration: solid;
    background-color: rgb(152, 226, 32);
    text-transform: uppercase;
    color: crimson;
    border: 2px solid black;
    font-style:italic ;
}
#acidic {
    background-image: linear-gradient(rgb(238, 62, 128), rgb(245, 176, 204));
}
#Neutral {
    background-color:rgb(0, 187, 136);
}
#Basic {
    background-image: linear-gradient(rgb(129, 129, 245), rgb(32, 32, 155));
}
#zero {
    background-color: rgb(238, 62, 128);
    width: 100%;
}
 #one {
    color: navy;
    background-color:rgb(244, 90, 139)
 }
 #two {
    color: navy;
    background-color:rgb(243, 106, 152)
 }
 #three {
    color: navy;
    background-color:rgb(244, 123, 166)
 }
 #four {
    color: navy;
    background-color:rgb(245, 140, 178)
 }
 #five {
    color: navy;
    background-color:rgb(246, 159, 192)
 }
 #six {
    color: navy;
    background-color:rgb(245, 176, 204)
 }
 #seven {
    
    color: navy;
    background-color:rgb(0, 187, 136)
 }
 #eight {
    color: navy;
    background-color:rgb(140, 202, 242)
 }
 #nine {
    color: navy;
    background-color:rgb(114, 193, 240)
 }
 #ten {
    color: navy;
    background-color:rgb(84, 182, 237)
 }
 #eleven {
    color: navy;
    background-color:rgb(48, 170, 233)
 }
 #twelve {
    color: navy;
    background-color:rgb(0, 160, 230)
 }
 #thirteen {
    color: navy;
    background-color:rgb(0, 149, 226)
 }
 #fourteen {
    color: navy;
    background-color:rgb(0, 136, 221)
 }