.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
}

.color-button{
    border-color:var(--text); 
    width:35px;
    height:35px
}

.bg-yellow-400{
    background-color: yellow;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
            -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
    }

.border-shadow-hover:hover{
    box-shadow: 0.25rem 0.25rem black;
    transition: 0.1s;
}

.border-shadow-hover-big:hover{
    box-shadow: 0.5rem 0.5rem black;
    transition: 0.1s;
}
.border-shadow{
    box-shadow: 0.5rem 0.5rem black;
    transition: 0.1s;
}

.stick{
    touch-action: none;
}