nav {
    @apply mb-4  text-red-300 bg-gradient-to-r from-color-primary to-color-secondary;

    p {
        background-color: aqua;
    }


    p:hover {
        background-color: blueviolet;
    }

    &:hover p {
        background-color: green;
    } 

    span {
        @apply bg-gradient-to-r from-color-primary to-color-secondary text-black sm:rounded-t-lg p-4; 
    }
}

p {
    background-color: yellow;
}