*{
    font-family: sans-serif;
}

body{
    background-color: lightgray;
}

div{
    color: white;
    padding: 8px;
}

h1{
    background-color: white;
    padding: 8px;
}

.alkaline14{
    background-color: #4283CC;
}

.alkaline13{
    background-color: #4691D4;
}

.alkaline12{
    background-color: #4A9EDD;
}

.alkaline11{
    background-color: #55A9E3;
}

.alkaline10{
    background-color: #6AB9E9;
}

.alkaline9{
    background-color: #7EC6EF;
}

.alkaline8{
    background-color: #93CCED;
}

.neutral{
    background-color: #3DBB7C;
}

.acid6{
    background-color: #F59BCF;
}

.acid5{
    background-color: #F585C5;
}

.acid4{
    background-color: #F46FB7;
}

.acid3{
    background-color: #F256AA;
}

.acid2{
    background-color: #F2449B;
}

.acid1{
    background-color: #EF348C;
}

.acid0{
    background-color: #EC1E80;
}