:root {
    --nav_bg: #1c5669;
    --btnborder: #9c8fc5;
    --nextborder:#0c262b;
    --boxborder:#cba6f7;
    --nav_border:#1e1e2e;
    --darkstripe:#a183c3;
    --b_primary_border: #cdaefe;
    --b_primary:#8f79b1;
    --alink:#b3a4e2;
}

#navbar {
    background-color: transparent;
    border:none;
}
#thebody {
    background-image: linear-gradient(to bottom, var(--nav_border), black);
    background-repeat: no-repeat;
}
#wrapper {
    top:calc(var(--navheight));
    /*background-image: linear-gradient(to bottom, #1e1e1e, black);*/
    /*ackground-image: linear-gradient(to bottom, #1d5669, black);*/
    border: 1.5px solid var(--btnborder);
    border-top-width: 2.5px;
    border-radius: 10px
}
#wrapper.qzoom_1 {
    max-width: none
}
#wrapper.qzoom_2 {
    max-width: none
}
#wrapper.qzoom_3 {
    max-width: none
}
#wrapper.qzoom_4 {
    max-width: none
}
#wrapper.qzoom_5 {
    max-width: none
}
.quiz_bg,
#quiz_resbox_inner
{
    border-color: var(--btnborder);
}
.correctbox,
.wrongbox,
.quiz_bg,
#quiz_resbox_inner {
    border-width: 2.5px !important;
    border-radius: 10px;
}
.pure-button-small {
    border-radius:7.5px
}
.quiz_submit {
    background-color: var(--btnborder);
    border:2px solid var(--nextborder);
    border-radius: 10px;
}
.reibox {
    background-color: #252525;
}
#sett_button {
    border-top-left-radius: 40px;
}

.reinorm {
    background-color: #505050 !important
}
#questionbox .reibox, .flexbox .force_furi, .sentence_drop {
    background-color: #2f3030;
    margin: 0px;
}

.reibox span { margin: 0px; }
.sentence_drop { margin: 0px !important; padding: 0px}
.sent_blank { min-width: 10px; }

.piece_holder .sentence_drop {
    margin: 0px 6px 0px 6px !important
}
#question_type, #show_answers {
    border-radius: 5px;
    text-align: center
}

#term_list_lbox {
    margin: 0px;
    padding: 10px;
    width: 100%;
    left: 0;
}
.kanji_blank {
    color: gray;
}
button.pure-button {
    transition: all 0.5s ease-in;
    border-radius: 5px;
}
button.pure-button:hover {
    background-blend-mode: darken;
    background: var(--darkstripe);
    border-radius: 0px
}
#blankbox {
    box-shadow: none;
    border-color: var(--b_primary_border);
    border-radius: 5px;
}

#next {
    background-color: #463b56;
    color: white;
    transition: all 0.5s ease-out;
}
#next:hover {
    background-color: black;
    border-radius: 10px;
}