@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600&display=swap');

:root {
    --bg-red: #e22121;
    --bg-gold: #c6ae1b;
    --bg-teal: #21e2cb;
    --bg-green: #32dd25;
    --bg-purple: #8e32d3;
    --bg-bgColor: #333;
    --bg-footerColor: #222;
    --bg-footerTextColor: #f0f0f088;
    --bg-footerLinkColor: var(--bg-gold);
    --bg-bodyText: whitesmoke;
}
.pxl {
    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.patrons ul li {
    outline: solid 2px whitesmoke;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 15px;
    margin-inline: 5px
}

.pf {
    font-family: "Playfair Display", sans-serif;
}

.orb {
    font-family: Orbitron;
}

p.orb {
    font-family: Aldrich;
}

.zoomed div {
    height: 100%;
}

.zoomed div.button-bar {
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 88px;
    background-color: #33333366;
}

body {
    height: 100vh; overflow-y: hidden; width: 100vw; overflow-x: hidden;
}

.font-weight-bold {
    font-weight: 600;
}

.no-touch {
    user-select: none;
}

.tokenPicker, .bsiderEmail {
    max-width: 50vw;
    margin-inline: auto;
}

.mmx-footer {
    width: 100vw;
    text-align: center;
    position: fixed;
    bottom: 0;
    height: 5vh;
    padding-top: 1.25vh;
    background-color: var(--bg-footerColor);
    color: var(--bg-footerTextColor);
    font-size: 0.9em;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .mmx-footer a {
        text-decoration: none;
        color: var(--bg-gold);
    }


.projects-list a {
    display: block;
}

body.zoomed, body.zoomed .btn, body.zoomed .col-form-label {
    font-size: 1.3em;
}

.mmx {
    background-color: transparent;
    text-align: center;
    padding-block: 1.5vh;
}

    .mmx a {
        font-family: Montserrat; text-decoration: none; color: white;
        font-size: 1.3rem; font-weight: 700; letter-spacing: 4px;
    }

    .hl {
        font-family: 'Atkinson Hyperlegible';
    }

.sub-title {
    font-size: 60px; margin-top: 30vh
}

.metamakerx.gradient2 {
    background: linear-gradient(to bottom, rgba(0,0,0,0.27) 0%, rgba(150, 150, 150, 0.92) 100%), url("/images/bg.png") center;
}

.metamakerx.gradient {
    background: linear-gradient(to bottom, rgba(0,0,0,0.87) 0%, rgba(150, 150, 150, 0.92) 100%), url("/images/bg.png") center;
}

.metamakerx.splash {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), url("/images/bg.png") center;
}

.ms {
    font-family:Montserrat; font-weight: 700; text-transform: uppercase;
}

.ms-l {
    font-family: Montserrat;
}

.peralta {
    font-family: Peralta;
    font-weight: 400;
}