body {
    font-family: Raleway, sans-serif;
    padding: 1em;
}

#form-formula {
    display: flex;
    flex-direction: row;
}

#form-formula input,
#form-formula button {
    font: inherit;
    padding: 1em;
    border: .2rem dashed #0ff0c840;
    transition: .1s ease;
}

#form-formula input {
    max-width: 100%;
    width: 30em;
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    border-right: none;
}

#form-formula button {
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
    cursor: pointer;
    background: #0ff0c8;
    border-left: none;
}

#form-formula button:hover {
    background: #0ffff4;
}

table th {
    vertical-align: bottom;
}

th.vertical {
    /*writing-mode: sideways-lr;*/
    width: 5em;
    word-break: break-all;
}

table {
    border-collapse: collapse;
}

table td,
table th {
    border: .2rem dashed #0ff0c840;
    padding: .4rem;
    text-align: center;
}

table td:first-child {
    max-width: 30em;
}

.cell-info:nth-child(2) {
    font-weight: bold;
}

.cell-article {
    background: #aff0de;
}

.cell-media {
    background: #c4c4c4;
}

figcaption {
    margin-top: .4rem;
}

figure {
    margin-left: 0;
    margin-right: 0;
}

p {
    max-width: 30em;
    line-height: 1.5em;
}