/* game/static/css/candlelight.css */
body {
  background-color: #cbb270;
  color: #685626;
  background-image: url("https://www.transparenttextures.com/patterns/paper-fibers.png");
}

h1, h2, h3, h4 {
  color: #705409;
  /*text-shadow: 0 0 2px #dcbfa1;*/
}

button {
  background: #bda27a;
  color: #2e1c0b;
  box-shadow: 1px 1px 3px #c4a67b;
}

button:hover {
  background: #e2caa7;
}

a {
    color: #0f629d;
}

    a:hover {
        color: #0882d9;
/*       text-shadow: 0 0 5px #9a8970;*/
    }
.main-nav ul {
}

.main-nav li {
}

.main-nav a,
.main-nav .nav-button {
    background-color: #bda27a;
    color: #685626;
}

    .main-nav a:hover,
    .main-nav .nav-button:hover {
        background-color: #e2caa7;

    }



.login-nav-button {
    background-color: #2a2a2a;
    border: 1px solid #666;
    color: #94ebf9;
    box-shadow: 1px 1px 3px #000;
}

    .login-nav-button:hover {
        background-color: #3a3a3a;
    }

/* /game/static/common.css */




.scroll-box {
    border: 1px solid #888;
    background: transparent;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

    .scroll-box p {
        margin: 0.25em 0;
        line-height: 1.2;
    }

.word {
    line-height: 1.1;
    margin-right: 0.15ch;
    display: inline;
}

    .word[data-revealed="false"] {
        font-size: 0.9em;
    }

    .word.last-revealed {
        color: #396 !important;
        font-weight: bold;
        animation: pulse 0.4s ease-in-out;
    }

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.2;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}

.punctuation {
}

.feedback {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid #aaa;
}

    .feedback em {
        color: #685626;
    }

    .feedback strong {
        color: #685626;
    }


.profile-container {
    background: #e1d7c5;
    color: #685626;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

    .profile-container h1 {
        background: #e1d7c5;
    }

.profile-stats p {
}

.progress-table {
}

    .progress-table th, .progress-table td {
    }

.progress-bar {
    background: #902424;
}

.progress-fill {
    background: #00db81;
}