:root{
    /* --bs-danger-rgb: 246, 70, 102 !important; */
    --bs-danger-rgb: 246, 70, 102 !important;
    /* --bs-success-rgb: 0, 212, 131 !important; */
    --bs-success-rgb: 212, 212, 131 !important;
}
@font-face {
    font-family: ShareTechMono;
    src: url("fonts/ShareTechMono-Regular.ttf");
}
@font-face {
    font-family: DistrictFour;
    src: url("fonts/District_Four.otf");
}

@font-face {
    font-family: LayOfTheLand;
    src: url("fonts/LayOfTheLand.ttf");
}
@font-face {
    font-family: GamePlayed;
    src: url("fonts/GamePlayed.otf");
}

@font-face {
    font-family: MesseBerlin;
    src: url("fonts/MesseBerlin.otf");
}
@font-face {
    font-family: Girlesque;
    src: url("fonts/Girlesque.otf");
}

@font-face {
    font-family: Mostwasted;
    src: url("fonts/Mostwasted.ttf");
}

@font-face {
    font-family: Anta;
    src: url("fonts/Anta-Regular.ttf");
}
@font-face {
    font-family: AudioWide;
    src: url("fonts/Audiowide-Regular.ttf");
}
@font-face {
    font-family: Rubik;
    src: url("fonts/Rubik-VariableFont_wght.ttf");
}
@font-face {
    font-family:ZenDots;
    src: url("fonts/ZenDots-Regular.ttf");
}
*{
    border-radius: 0!important;
}
h1 img {
    display:inline-block;
    height:1em !important;
    width:1em !important;
    margin:0 .25em;
    filter:drop-shadow(0 0 5px rgb(var(--bs-success-rgb)));
}
body{
    font-family: ShareTechMono;
    /* font-weight: 100; */
    font-size:110%;
    background:linear-gradient(
        #022,
        #011
    );
    background-repeat:no-repeat;
    background-attachment: fixed;
    padding-top:48px;
}
main {
    width:640px;
    margin:auto;
}
section>details>iframe{
    width: 640px;
}
h1,h2{
    font-family: GamePlayed;
    font-weight:bolder;
}
h3,h4,h5,h6 {
    font-family:AudioWide;
}
nav {
    font-family: GamePlayed !important;

    position:fixed;
    top:0;
    width: 100%;
    padding-left:1em;
    padding-right:1em;
}

hr{
    border:1px solid white !important;
}
small {
    font-size:0.625em !important;
}

.btn-outline-secondary{
    filter:brightness(180%)
}
.btn-outline-secondary:hover{
    color:black !important;
}
.btn-outline-success{
    border-color:rgb(var(--bs-success-rgb)) !important;
    color:rgb(var(--bs-success-rgb)) !important;
}
.btn-outline-success:hover{
    background:rgb(var(--bs-success-rgb)) !important;
    color:black !important;
    filter:brightness(120%)
}
.btn-outline-success.active{
    background:rgb(var(--bs-success-rgb)) !important;
    color:black !important;
}
/* 
body>div>main>img:first-of-type{
    max-height:6em;
    object-fit: contain;;
}
.accordion-button{
    font-size:1.5rem;
    box-shadow:none!important;
}
.accordion-button::after{
    color:rgb(0, 212, 131) !important;
    fill:rgb(0, 212, 131) !important;
    stroke:#00d483 !important;
    filter:hue-rotate(270deg)
    }
span.mono {
    font-family: ShareTechMono;
}
a:not(a.btn, a.nav-link) {
    color:rgb(0, 212, 131) !important;
}
figcaption a {
    text-decoration: underline;
}
figcaption a::after{
    content:"🔗"!important;
    text-decoration: none;
} */