:root {
    --titlefont: Rubik Mono One;
    --bodyfont: Bebas Neue;

    --primCol: #7E47D1;
    --secCol: #63E9BA;
    --dmbgCol: #121212;
    --dmsurColOne: #232323;
    --dmsurColTwo: #343434;
    --dmsurColThr: #454545;
    --dmsurColFou: #565656;
    --dmerrorCol: #CF6679;

    --dmtextColHE: #ffffffe0;
    --dmtextColME: #ffffff97;
    --dmtextColDIS: #ffffff55;


    --lmerrorCol: #B00020;



    --globalnavbuttonheight: 70%;
    --globalnavbuttonpadding: 0vw 0.5vw;
    --globalnavbuttonpaddingwidth: clamp(1rem, 1.2vw, 2rem);
}

.globalnavlogo {
	cursor: pointer;
	transition-duration: 0.2s;
}

.globalnavlogo:hover {
    scale: 1.05;
}

button:hover {
    scale: 1.1;
  	cursor: pointer;
}

.globalnavgenericbutton {
    padding: var(--globalnavbuttonpadding);

    border-style: none;
    border-radius: 10em;

    background-color: #00000000;

    text-transform: capitalize;
    font-family: var(--titlefont);
    color: var(--dmtextColHE);

    transition-duration: 0.2s;
}

.globalnavgenericbutton:hover {
    /* background-color: var(--primCol); */
    text-shadow: 0 0 4px #FFFFFF80, 0 0 8px #63E9BA80, 0 0 12px #63E9BA80, 0 0 16px #63E9BA80;

	cursor: pointer;
}

.globalnavloginbutton {
    border-style: none;
    border-radius: 10em;

    background-color: var(--dmsurColThr);

    text-transform: capitalize;
    font-family: var(--bodyfont);
    color: var(--dmtextColHE);

    transition-duration: 0.2s;
  
	cursor: pointer;
}

.globalnavsignupbutton {
    border-style: none;
    border-radius: 10em;

    background-color: var(--primCol);

    text-transform: capitalize;
    font-family: var(--bodyfont);
    color: var(--dmtextColHE);

    transition-duration: 0.2s;
  
	cursor: pointer;
}

.globalnavlogoutbutton {
    border-style: none;
    border-radius: 10em;
    background-color: var(--dmsurColThr);
    text-transform: capitalize;
    font-family: var(--bodyfont);
    color: var(--dmtextColHE);
    transition-duration: 0.2s;
	cursor: pointer;
}

.user {
    border-style: none;
    border-radius: 10em;
    background-color: rgba(0, 0, 0, 0);
    transition-duration: 0.2s;
}

.user:hover {
    background-color: var(--dmsurColFou);
  	cursor: pointer;
}

.fa-user {
    color: #FFF;

    transition-duration: 0.2s;
}

.globalnavcartbutton {
	border-style: none;
	border-radius: 12px;
	background-color: var(--dmsurColThr);
	transition-duration: 0.2s;
	cursor: pointer;
	padding: 8px;
}

.globalnavcartbutton:hover {
    background-color: var(--dmsurColFou);
}

.fa-cart-shopping {
    color: #FFF;

    transition-duration: 0.2s;
  
	cursor: pointer;
}