/* Miranda Hernandez 9/25/2023 */

/* I added this CSS file for the brush tools and header */
*
    {
        box-sizing: border-box;
    }

body
    {
        text-align: center;
    }

#title
    {
        font-family:  'shadows into light', sans-serif;
        letter-spacing:.5px;
    }

header
    {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

#tools
    {
        width: 100vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

.color
    {
        height: 4em;
        width: 4em;
        border-radius: 2rem;
        border: #000 solid 1px;
        margin-right: 1em;
    }

#color1

    {
        background-color: #ffb3ba;
    }

#color2
    {
        background-color: #ffdfba;
    }

 #color3
    {
        background-color: #baffc9;
    }

#color4
    {
        background-color: #bae1ff;
    }

#color5
    {
        background-color: #000;
    }
    
#eraser
    {
        background-color: #fff;
        border: #000 solid 1px;
        border-radius: 2rem;
        height: 4em;
        width: 4em;
        margin-right: 2rem;
    }

.sizes
    {
        background-color: #000;
        border-radius: 2rem;
        margin-left: 3rem;
    }

#size1
    {
        height: 1.5rem;
        width: 1.5rem;
    }

#size2
    {
        height: 1rem;
        width: 1rem;
    }

#size3
    {
        height: .5rem;
        width: .5rem;
    }