#easter-egg {
    width: 100%;
    height: 100%;
    display: none;
}

#easter-egg-container {

    position: relative;
    height: 100%;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.7); */
    z-index: 99;
    display: flex;
    justify-content: center;
    top: 0;
    align-items: center;

    #egg-container {
        background: transparent;
        width: 100%;
        height: 100%;
        text-align: center;

        #start-game {
            visibility: hidden;
            p {
                font-size: 22px;
                color: white;
            }

            button {
                padding: 10px;
                border-radius: 35px;
                width: 100px;
                background-color: #c4454d;
                border-color: #c4454d;
                color: white;
            }
        }
    }

    #egg {
        position: relative;
        margin: auto;
        background: transparent;
        text-align: center;
        height: 60%;
        width: 30%;

        .message {
            white-space: nowrap;
            font-family: 'Lobster', cursive;
            letter-spacing: 1px;
            margin: 0;
            font-size: 60px;
            opacity: 0;
        }

        .hint {
            font-size: 16px;
            color: black;
            margin: 0;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 2px;
            user-select: none;
        }

        .egg {
            margin: auto;
            background: transparent;
        }
    }
}