style.css

section {
    border: 2px solid darkgray;
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
}
h1 {
    position: relative;
    left: 150px;

}
h3 {
    font-size: 35px;
    font-weight: 700;
    margin-left: 70px;
}
.colorboxes {
    display: inline-block;
    margin: 20px 60px;
    padding: 30px 50px;
    text-align: center;
}
.colornames {
    font-size: 20px;
    text-transform: capitalize;
}
#color1 {
    background-color: aqua;
}
#color2 {
    background-color:blueviolet;
}
#color3 {
    background-color:chartreuse;
}
#color4 {
    background-color:coral;
}
#color5 {
    background-color:indianred;
}
.fontname1 {
    font-family: "Stick No Bills"
}
.fontname2 {
    font-family: "Grey Qo";
}
.fontname3 {
    font-family: "Glechen Fuemen";
}
.fontname {
    font-size: 25px;
    margin: 10px 30px;
}
.otherlines {
    font-size: 20px;
    margin: 10px 40px;
}
.fontbox {
    display: inline-block;

}
section {
    margin: 10px auto;
}