html,
body {
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    font-family: "Josefin Sans", sans-serif;
    font-family: monospace;
    background: transparent;
}

@font-face {
    font-family: "Nokia";
    src: url("/fonts/nokiafc22.ttf") format("truetype");
}

@font-face {
    font-family: "MPSC";
    src: url("/fonts/MP16SC.ttf") format("truetype");
}

.outlined-text {
    font-weight: bold;
    -webkit-text-stroke-width: 1.25px;
    -webkit-text-stroke-color: black;
}

a {
    color: inherit;
    text-decoration: none;
}

footer {
    clear: left;
    text-align: center;
    margin: 40px;
}

* {
    box-sizing: border-box;
}

.circle-picker {
    justify-content: normal;
}

.pixelart {
    image-rendering: pixelated;
}

.somnet {
    color: #ff009c;
    font-weight: bold;
}

.web3modal-modal-card {
    border-radius: 0 !important;
    border: 1px solid #00ff54;
    background-color: black !important;
}

.walletconnect-modal__base {
    border-radius: 0 !important;
    border: 1px solid #00ff54;
    background-color: black !important;
}

.web3modal-provider-container {
    border-radius: 0 !important;
    background: initial !important;
}

.web3modal-provider-container:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.web3modal-provider-name {
    color: white !important;
}

.walletconnect-qrcode__text {
    color: white !important;
}

.walletconnect-modal__base__row > h3 {
    color: white !important;
}

.walletconnect-modal__mobile__toggle {
    background-color: black !important;
    border: 1px solid #00ff54;
    border-radius: 0 !important;
}

.walletconnect-modal__mobile__toggle_selector {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 0 !important;
}