body {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    background: #f4f4f4;
}
h1 {
    text-align: center;
    margin-bottom: 0;
}

.color-grid {
    width: min(100% - 2rem, 47.75rem);
    margin: 1% auto;
    height: 6.5rem;
    padding: 2rem;

}

.color-box {
    margin-right: 3.12rem;
    display: inline-block;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 1rem;
}

.color1 {
    background-color: #FC0404;
}

.color2 {
    background: rgb(116, 252, 140);
}

.color3 {
    background: purple;
}

.color4 {
    background: hsl(313 30 67);
}

.color5 {
    background: #2C3444;
    margin-right: 0;
}