/* #two {
    display: grid;
    grid-template-columns: 3fr 1fr;
} */

#two {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}


#editor {
    background-color: lightgrey;
    padding: 1rem;
    height: 100vh;
    font-family: Arial, Helvetica, sans-serif;
}

#editor>h2 {
    font-family: Arial, Helvetica, sans-serif;
}

html {
    height: 100%;
}

#editor>* {
    text-align: left;
}

#editor {
    line-height: 1.5;
}

input,
button,
textarea,
select {
    font: inherit;
}

#editor>input[type="number"] {
    text-align: right;
}

input[type="number"] {
    width: 5rem;
}

.align-icon {
    display: flex;
    align-items: flex-end;
    padding-bottom: 1rem;
}

#editor>.align-icon>span {
    display: block;
    padding-left: 0.5rem;
}

.icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}


.icons>div>svg {
    margin-right: 2rem;
}


/* header font sizes */
#editor h1 {
    font-size: 2rem;
}

#editor h2 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: .83rem;
}

h6 {
    font-size: .67rem;
}


/* paragraph font size */
#editor p,
ol,
li,
label,
b,
em,
a,
figcaption {
    font-size: 20px;
    /*  color: red; */
}