54 lines
776 B
CSS
54 lines
776 B
CSS
/*
|
|
Nicola Clark
|
|
15APR25
|
|
|
|
Adapted from https://javascript30.com - Sorting band names without articles
|
|
*/
|
|
|
|
:root {
|
|
/*
|
|
Color scheme from https://coolors.co/0d1f22-bcebcb-87d68d-93b48b-264027
|
|
*/
|
|
|
|
--color-black-rich: #0d1f22;
|
|
--color-blue-cambridge: #93b48b;
|
|
--color-green-cal-poly: #264027;
|
|
--color-green-celadon: #bcebcb;
|
|
--color-green-light: #87d68d;
|
|
}
|
|
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
button {
|
|
background-color: var(--color-green-cal-poly);
|
|
border: none;
|
|
color: white;
|
|
width: 100%;
|
|
padding: 25px;
|
|
}
|
|
|
|
div {
|
|
width: 100%;
|
|
padding: 100px;
|
|
}
|
|
|
|
.one {
|
|
background: var(--color-blue-cambridge);
|
|
}
|
|
|
|
.two {
|
|
background: var(--color-green-celadon);
|
|
}
|
|
|
|
.three {
|
|
background: var(--color-green-light);
|
|
}
|