body {
    background: #2d2d2d;
    color: white;
    display: flex;
    flex-direction: column;
}

label {
    font-weight: bold; 
    margin-right: 1em;
}

body > div {
    padding: 10px;
    margin: 10px;

    display: flex;
    flex-direction: column;

    border: 1px solid #4f4343;
}

body > div > div {
    padding: 3px;
}

/* use align-self: flex-start to stop things from flexing to fit */
button { align-self: flex-start; }
select { align-self: flex-start; }
.image-holder { align-self: flex-start; }


#font-table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#font-table > span {
    margin-right: 6px;
}

a {
    color: #9485ff;
}