body {
    background-color: pink;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
}

#bigbox {
    border: 2px dashed black;
    min-width: 90vw; min-height: 70vh;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

#smallbox {
    flex: 1 0 auto;
    position: relative;
    min-width: 25%; max-width: 30%;
    margin: 5px auto;
    padding: 5px;
    box-shadow: 2px 2px 5px black;
    background-color: lightblue;
    min-height: 250px;
    
}

    #console1, #console3, #console4 {
        padding: 10px;
        min-height: 20%;
        background-color: lightgrey;
        box-shadow: inset 2px 2px 10px black, inset -2px -2px 10px black;
    }

        #console2 {
            font-weight: bolder;
        }

    #console3 {
        font-weight: bolder;
        font-style: italic;
    }

    #console4 {
        background-color: rgb(32, 32, 32);
        color: white;
        text-shadow: 2px 2px 5px white;
    }

        #console4:hover {
            background-color: lightgrey;
            box-shadow: inset 2px 2px 10px black, inset -2px -2px 10px black;
            color: black;
        }


/* Styles for color drag drop*/

#purple, #green, #orange {
    min-height: 40px; min-width: 90%; margin: 15px;
    border: 1px solid black;
    box-shadow: 2px 2px 5px black;
}

input[type="button"] {
    margin: 5px auto;
    

}

    #purple2, #green2, #orange2 {
        margin: 0 auto;
        display: flex;
        min-height: 40px; min-width: 50%;
        border: 1px solid black;
        box-shadow: inset 1px 1px 7px black, inset -1px -1px 75px black;;
    }

    #purple {
        background-color: purple;
    }
        #purple:hover {
            cursor: grab;
        }
        #purple:active {
            cursor: grabbing;
        }


    #green {
        background-color: green;
    }
        #green:hover {
            cursor: grab;
        }
        #green:active {
            cursor: grabbing;
        }

    #orange {
        background-color: rgb(255, 94, 0);
    }
        #orange:hover {
            cursor: grab;
        }
        #orange:active {
            cursor: grabbing;
        }

        #purple3, #green3, #orange3 {
           padding-bottom: 10px;
        }