body {
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     color: rgb(59, 74, 158);
     font-size: large;
     background-color: rgb(214, 214, 214);
}

button {
     background-color: rgb(173, 157, 243);
     border-color: rgb(120, 73, 230);
     border-width: 10%;
     border-radius: 5%;
     width: 10%;
     margin: 1% 25% 0;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     font-size: medium
}

h1,
h2,
p {
     margin: 1% 25% 0;
}

h1 {
     color: rgb(37, 7, 136);
}

h2 {
     padding-bottom: 1%
}

.container {
     width: 100%;
     display: flex;
     margin: 0 25% 0;
}

/*Colour dividers*/

/*Palette 0 - Blank*/
.blank1,
.blank2,
.blank3,
.blank4,
.blank5 {
     background-color: aliceblue;
     width: 10%;
     margin-right: 1%
}

/*Palette 1 - Monochromatic*/

.a1,
.a2,
.a3,
.a4,
.a5 {
     width: 10%;
     margin-right: 1%
}

.a1 {
     background-color: rgb(52, 20, 167);
}

.a2 {
     background-color: rgb(78, 54, 211)
}

.a3 {
     background-color: rgb(118, 103, 255)
}

.a4 {
     background-color: rgb(146, 125, 238);
}

.a5 {
     background-color: rgb(192, 187, 253);
}

/*Palette 2 - Triadic*/
.b1,
.b2,
.b3,
.b4,
.b5 {
     width: 10%;
     margin-right: 1%
}

.b1 {
     background-color: rgb(150, 34, 150);
}

.b2 {
     background-color: rgb(224, 48, 171);
}

.b3 {
     background-color: rgb(7, 195, 228)
}

.b4 {
     background-color: rgb(255, 194, 63)
}

.b5 {
     background-color: rgb(255, 232, 157);
}

/*Palette 3 - Analogous*/
.c1,
.c2,
.c3,
.c4,
.c5 {
     width: 10%;
     margin-right: 1%
}

.c1 {
     background-color: rgb(0, 53, 133);
}

.c2 {
     background-color: rgb(9, 107, 219);
}

.c3 {
     background-color: rgb(50, 175, 107)
}

.c4 {
     background-color: rgb(145, 224, 55)
}

.c5 {
     background-color: rgb(195, 255, 160);
}