@use '../shared/colors' as colors;

#brain-wrapper {
    header {
        .level-1 {
            display: flex;
            justify-content: center;
            align-items: flex-start;

            position: relative;
            
            list-style-type: none;

            &--item {
                padding: 1rem 2rem;
            }
            
            .level-2 {
                display: none;
                margin: 0;
                padding: 0;

                &.open {
                    display: block;
                    position: absolute;

                }

                &--item {
                    padding: 1rem 0;
                }
            }
        }
    }

    a {
        color: colors.$inkBlack;
    }
}