@import url(https://fonts.googleapis.com/css2?family=Tektur&display=swap);
body {
    background:
        repeating-radial-gradient(circle at 50% 20%, #fff1, #fff0 20%) center/cover fixed,
        radial-gradient(orangered,maroon) fixed;
    font: bold 20px Tektur, sans-serif;
    letter-spacing: -0.02em;
}
input[type="text"], input[type="password"] {
    font: inherit;
    border: 0;
    padding: 0.3em;
    border-radius: 0.3em;
    width: 8em;
}
#chumbles-logo {
    animation: throb 0.15s ease-in-out 0s infinite alternate;
}
@keyframes throb {
    from { transform: scale(1) rotate(0); }
    to   { transform: scale(1.05) rotate(-1deg); }
}
h1 {
    text-transform: uppercase;
}
#scorebox {
    background: white;
    color: maroon; }
button {
    color: maroon;
}
.deathmatch-p, #incoming {
    display: none;
    background: white;
    padding:0.5em;
}
#request-sent, #accepted, #incoming {
    color: green;
}
#not-accepted {
    color: goldenrod;
}
#accept {
    background: green;
    color: white;
}