@font-face {
    font-family: "MatrixSans";
    src: url("../fonts/MatrixSans-Regular.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JUSTsans";
    src: url("../fonts/JUSTSans-Rg.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Monaspace";
    src: url("../fonts/MonaspaceNeon-Regular.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}

body{   
    background-image: none;
    background-color: rgba(0, 0, 0, 0.1);
    padding-left: 4vh;
    padding-right: 4vh;
    padding-top: 4vh;
}

/*Support Menu*/

h1.support-button-text,h2.support-button-text{
    font-family: "JUSTsans";
    color: white; 
}

p.support-button-text{
    font-family: "JUSTsans";
    color: white; 
    margin-top: -10px;
}

a{
    text-decoration: none;
}

.support-button{
    background-color: rgb(183, 52, 127);
    border-radius: 40px;
    padding: 20px;
    margin-left: 20vw;
    margin-right: 20vw;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}
.support-button-subflex{
    margin-left: 4%;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: auto;
}

.support-button-img{
    width: 10vw;
    height: 10vw;
}

/* Commission Queue */

body.cqueue{   
    background-color: #951354;
    background-image: url(/assets/background.png);
    background-size: cover;
    overflow: hidden;
}
h1.cqueue-text,h2.cqueue-text,p.cqueue-text,h3.cqueue-text,h4.cqueue-text,h5.cqueue-text{
    font-family: "JUSTsans";
    color: white;
}

.cqueue-alert-banner{
    background-color: rgba(255, 187, 0, 0.87);
    padding: 10px;
    padding-left: 35px;
}
.cqueue-flexbox{
    display: flex;
    flex-wrap: wrap;
}
.cqueue-element{
    background-color: rgba(0, 0, 0, 0.24);
    margin: 20px;
    padding: 20px;
    width: 14vw;
    height: 40vh;
}
.cqueue-element-complete{
    background-color: rgba(102, 255, 126, 0.56);
    margin: 20px;
    padding: 20px;
    width: 14vw;
    height: 40vh;
}
.cqueue-element-inprogress{
    background-color: rgba(255, 250, 102, 0.24);
    margin: 20px;
    padding: 20px;
    width: 14vw;
    height: 40vh;
}