/*
 * Display
 */

.display {
    &--wrapper {
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        margin-top: 3rem;
        overflow: hidden;
        text-align: center;
    }

    &--content {
        padding: 1rem;
    }

    &--palette {
        border-bottom: 1px solid $color-gray-lighter;
        display: flex;
        font-size: 100px;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 100%;
    }

    span {
        display: block;
        font-size: 14px;
        font-style: italic;
    }

    &--name {
        font-size: 20px;
        text-transform: capitalize;
    }
}