div {
    display: flex;
    justify-content: center;
}

.notes {
    padding-top: 50px;
}

.note {
    margin-left: 50px; 
}

[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

[type=radio]:checked + img {
    outline: 2px solid;
}

label {
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.flatPic {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: 15px;
    width: 25%;
}

.natPic {
    margin-left: -37.5px;
    margin-right: -37.5px;
    margin-bottom: 15px;
    width: 25%;
}

.sharpPic {
    margin-left: -45.5px;
    margin-right: -45.5px;
    width: 25%;
}

canvas {
    border: black inset;
    margin-top: 15px;
}

p {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

button {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-top: 10px;
}