* {
    text-align: center;
    font-family: 'F1','system-ui','sans-serif';
    color: rgb(215,215,215);
}
body {
    margin: 0;
    padding: 0;
    background-color: rgb(40,40,40);
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
div.announcementbanner, div.announcementbanner strong {
    background-color: rgb(255,0,0);
    color: rgba(0,0,0,.5);
    padding: 1rem;
    font-weight: normal;
    user-select: none;
}
div.announcementbanner strong {
    font-weight: 900;
}
h1.mc {
    font-weight: 900;
    font-size: 3rem;
    margin: 1rem;
}
a, a:visited {
    color: red;
}
::selection {
    background: red;
    color: black;
}
h6 strong,
h6 {
    color: rgb(80,80,80);
}
h2 {
    font-size: 2rem;
    margin: 1rem;
}

div.holder {
    margin: auto;
    background-color: rgb(60,60,60);
    width: 90%;
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid rgb(80,80,80);
    display: grid;
    grid-template-rows: auto;
}
div.holder div.item {
    background-color: #FFFFFF40;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    margin: .5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
}
div.holder div.item p {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left;
}
p.name strong, p.name i {
    margin-right: .25rem;
}
button {
    font-weight: 900;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 5px;
    background-color: red;
    border: 0;
    color: rgba(0,0,0,.5);
    margin: .5rem;
}
button:hover {
    cursor: pointer;
    background-color: rgb(192,0,0);
}
button:active {
    background-color: rgb(255,32,32);
}
button:disabled {
    cursor: not-allowed;
    background-color: rgb(128,0,0);
}
button.f2 {
    font-weight: 900;
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 5px;
    background-color: rgb(0,192,255);
    border: 0;
    color: rgba(0,0,0,.5);
    margin: .5rem;
}
button.f2:hover {
    cursor: pointer;
    background-color: rgb(0,144,192);
}
button.f2:active {
    background-color: rgb(32,224,255);
}
button.f2:disabled {
    background-color: rgb(0,96,128);
}
button.f2:disabled:hover {
    cursor: not-allowed;
}
[template="true"] {
    display: none;
}
.hidden {
    display: none !important;
}
div.infobox {
    border-radius: 5px;
    padding: 1rem;
    margin: 2rem;
    text-align: left;
}
div.infobox strong {
    font-size: 1.5rem;
}
div.infobox-success {
    background-color: rgba(0,255,0,.25);
    border: 1px solid rgb(0,255,0);
}
div.infobox-error {
    background-color: rgba(255,0,0,.25);
    border: 1px solid rgb(255,0,0);
}
div.infobox-warn {
    background-color: rgba(255,128,0,.25);
    border: 1px solid rgb(255,128,0);
}
.nopadmargup {
    padding-top: 0;
    margin-top:  0;
}
span.tag {
    font-weight: bold;
    text-transform: uppercase;
    padding: .5rem;
    background-color: red;
    color: rgb(128,0,0);
    border-radius: 5px;
    user-select: none;
}
.nouser {
    user-select: none;
}
.aligncenter {
    text-align: center !important;
}
.debug-text {
    display: none;
}
.debug-text-visible {
    color: rgb(255,192,0);
}
.debug-text a {
    display: none;
}
.debug-text-visible a {
    color: rgb(255,192,0);
}
.nomargin {
    margin: 0;
}