#kidz_blocker {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: rgb(68, 68, 68);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    & > #text {
        background-color: black;
        border-radius: 4px;
        width : 30rem;
        margin: 0;
        padding: 1rem;
        & > h1 {
            color: red;
            margin: 0;
        }
    
        & > h2 {
            color: rosybrown;
            margin: 0;
        }
    
        & > p {
            color: white;
        }
    }
    

    & > menu {
            padding: 0.5rem;
        & > :first-child {
            background-color: rgb(83, 182, 88);
            border: 4px outset rgb(58, 161, 63);
            height: max-content;
            padding: 0.5rem;
                
            &:hover {
                filter: brightness(120%);
            }
                
            &:active {
                border: 4px inset rgb(161, 129, 58);
            }

        }

        & > :last-child {
            background-color: rgb(182, 98, 83);
            border: 4px outset rgb(161, 82, 58);
            height: max-content;
            padding: 0.5rem;
                
            &:hover {
                filter: brightness(120%);
            }
                
            &:active {
                border: 4px inset rgb(161, 129, 58);
            }

        }
    }
}