/* ==UserStyle==
@name         CYOC dark
@version      20221018.00.37
@namespace    userstyles.world/user/jessatehcrow
@description  A stylized dark mode for the CYOC webpage for easy viewing without eye strain.
@author       jessatehcrow
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name           CYOC dark
@author         JessaTehCrow
@description    `A stylized dark mode for CYOC`
@version        1.0
==/UserStyle== */

@-moz-document url-prefix("https://www.cyoc.net/interactives/") {
body {
    background-color: #424242 !important;
}
section {
    background-color: #303031 !important;
    color: #c6c0b0 !important;
    box-shadow: #000 0 0 10px;
    
}
section h3 {
    color: #a8b1c2 !important;
}
section a {
    color: #95b4d3 !important;
}
element.style {
    color: #a29c9c !important;
    background-color: #383632 !important;
}
section a:visited {
    color: #8d76cc !important;
}
.serif {
    color: #bfbfbf !important;
}
.chapter-options a {
    color: #ffe7e7 !important;
}
section h2 {
    background-color: #8a7575 !important;
}
section h4.subtitle {
    background-color: #564747 !important;
}
input {
    color:white;
    background-color: #3d4651 !important;
}
textarea {
    color:white;
    background-color: #3d4651 !important;
}
select {
    color:white;
    background-color: #3d4651 !important;
}
#warning-message {
    background-color: #33332d !important;
}
    
#topbar{
    background-color:#2a2e3a !important;
    box-shadow:#2e4a82 0 0 10px !important;
    
}
    
.title {
    color:#c6d2f7;
    background-color:#3d405a !important;
    
}
section h4.subtitle {
    background-color:#2a2e3a !important;
}
}