style.css

body {
    font-family: 'Nunito Sans', sans-serif;
    margin: 0 10%;
    }

.container {
    border: 2px solid #a2a2a6;
    padding: 10px;
    margin: 10px auto;
    }

h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    }

.color-container {
    width: 100%;
    }

.cool-blue {
    background-color: blue;
    color: #fff;
    }

.pink {
    background-color: #d957d9;
    color: #000;
    }

.mint-green {
    background-color: #4fe0b0;
    }

.beige {
    background-color: #efd9ca;
    }

.color-panel {
    display: inline-block;
    width: 32%;
    text-align: center;
    margin: 20px auto;
    min-height: 100px;
    }

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    }