/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');

body {
    /* font-family: 'Roboto Mono', monospace; */
    font-family: 'Ubuntu', sans-serif;
    background-color: #121212;
}

p, label, h4, span#username {
    color: #cfcf7f;
    text-shadow: #fffb00 1px 0 3px;

}

h1, h2, h3, b {
    color: #fffccc;
    text-shadow: #fffb00 1px 0 3px;

}

h1 {
    color: #dad871;
    text-shadow: #fffb00 1px 0 3px;
}

h2#slogan {
    color: #a3a359;
    text-shadow: #978800 1px 0 3px;

}
p {
    color: #dad871;
    text-shadow: #fffb00 1px 0 3px;
}
p.footer {
    color: #dad871;
    text-shadow: #fffb00 1px 0 3px;

}

p.footer a {
    color: #e0df99;
    text-shadow: #fffb00 1px 0 3px;

}

p.footer a:hover {
    color: #7a8511;
    text-shadow: #fffb00 1px 0 3px;

}

p#usernameMessage {
    color: #dad871;
    text-shadow: #fffb00 1px 0 3px;

}

a {
    color: #dad871;
    text-shadow: #fffb00 1px 0 3px;

}

a:hover {
    color: #6d731b;
    text-shadow: #525001 1px 0 3px;

}

td, th {
    padding: 1vw;
    border: 0.1vw solid #a6a6a6;
    color: #a6a6a6;
    text-align: center;
}

ul.sitemap a {
    color: #dddf82;
}

ul.sitemap a:hover {
    color: #dad871;
}

ul.sitemap {
    list-style: none; /* Remove default bullets */
}

ul.sitemap li::before {
    font-size: 1.2vw;
    content: "\2022";
    color: #a6a6a6;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

button {
    font-family: 'Ubuntu', sans-serif;
    margin: 0.2vw;
    padding: 0.2vw 1vw;
    border: 1px solid #d6cd69;
    border-radius: 0.2vw;
    color: #e3dfaf;
    background-color: #36340c;
}

button:hover {
    margin: 0.2vw;
    padding: 0.2vw 1vw;
    background-color: #68630b;
    box-shadow: #fbff00 1px 0 5px;
}
input {
    font-family: 'Ubuntu', sans-serif;
    margin: 0.2vw;
    padding: 0.2vw 1vw;
    border: 1px solid #e0d774;
    border-radius: 0.2vw;
    color: #e3dfaf;
    background-color: #292816;
}

img.github {
    width: 3vw;
}

th, td {
    background-color: #121212 

}
@media only screen and (max-width: 600px) {
    th, td {
        background-color: #121212;
        font-size: auto;
    }
    /* .loginBtn {
        font-family: 'Ubuntu', sans-serif;
        border: 1px solid #d6cd69;
        border-radius: 0.2vw;
        color: #e3dfaf;
        background-color: #36340c;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    } */
    h1 {
        color: #dad871;
        text-shadow: #fffb00 1px 0 3px;
        text-align: center;
    }
    .login {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 0.5vh 0.5vh;
    }
    input {
        color: aliceblue;
    }
    h2#slogan {
        color: #a3a359;
        text-shadow: #978800 1px 0 3px;
        text-align: center;
    }


}  
th.complete, td.complete, td.txIncrease { background-color: #0e2112 }
th.incomplete, td.incomplete { background-color: #121212 }
th.today, td.today { background-color: #241e13 }
th.overdue, td.overdue, td.txDecrease { background-color: #291716 }

/* th.complete, td.complete { border-color: #30ff68; color: #30ff68; }
th.incomplete, td.incomplete { }
th.today, td.today { border-color: #ffbb29; color: #ffbb29; }
th.overdue, td.overdue { border-color: #ff3d3d; color: #ff3d3d; } */