html
{
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    color: rgb(0, 0, 0);
}
button{color: rgb(0, 0, 0);border: 0px;}

body{ margin: 0px; padding: 0px; }

iframe { display:block;}

.main-color {background-color: rgb(28, 138, 130); }

.primary-color, .primary-color-box>*
{
    color: rgb(0, 0, 0);
   background-color: rgba(199, 199, 199, 0.75);
}

.secondary-color, .secondary-color-box>* , .secondary-color-box-first-child>*>:first-child
{
    color: rgb(199, 199, 199);
    background-color: rgb(0, 0, 0);
}

.font-color
{
    color: rgb(0, 0, 0);
}

.transparent-color-box-box>*>*
{
   background-color: rgba(0,0,0,0.58);
}

.invert-color, .invert-color-box-hover>div:hover
{
    /*for now*/
    background-color: black;
    color:rgb(190, 190, 190);
}

.active-color
{
    background-color: rgb(90, 255, 90);
    color: black;
}

a{
    text-decoration: none;
    color: rgb(75, 75, 255);
}

.access
{
    display: none;
}

/*TRANSPARENT SCROLL*/
.noscroll::-webkit-scrollbar { display: none; }
.noscroll { -ms-overflow-style: none;scrollbar-width: none;}