@import "../../assets/styles/vars.scss";

#nav-container {
    background: $primary;
    padding: 15px;

    a {
        font-weight: bold;
        color: $white;
        text-decoration: none;

        &:hover {
            border-bottom: 1.5px solid $white;
        }
    }

    #leafs-container {
        list-style-type: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        color: $white;
        gap: 50px;
        align-items: center;
        justify-content: center;
        padding: 0;

        .leaf-into {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 2px;

            .leaf-btn {
                background: $white;
                border: none;
                padding: 5px;
                &:hover {
                    cursor: pointer;
                }
            }

            .leaf {
            }

            .leaf-txt {
            }
        }

        .leaf {
            font-weight: bold;
        }
    }
}
