body {
    margin: 0;
    font-family: Arial, sans-serif;
}

h1 {
    font-size: 32px;
    padding: 10px;
    margin: 0 0 10px 0;
}

p {
    margin: 0;
    padding: 5px 0 5px 10px; 
    color: white; 
    font-weight: bold;
    font-size: 14px;
}

.fourteen { background-color: #5d2b8a; } 
.thirteen { background-color: #000075; } 
.twelve { background-color:  #42d4f4} 
.eleven { background-color: #3cb44b; } 
.ten { background-color: #aaffc3; }
.nine { background-color: #ffe119; } 
.eight { background-color: #f58231; } 
.seven { background-color: #e6194B; } 
.six { background-color: #fabebe; } 
.five { background-color: #ffd8b1; } 
.four { background-color: #9a6324; } 
.three { background-color: #d2c6ae; } 
.two { background-color: #c6eed2; } 
.one { background-color: #fcece8; } 
.zero { background-color: #dec1ef; }