body{margin:0;padding:0;transition:background-color .3s,color .3s}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;min-height:100vh;transition:background-color .3s,color .3s}#app.dark-mode{background-color:#1a1a1a;color:#e0e0e0}#app.dark-mode h1{color:#e0e0e0}#app.dark-mode hr{border-color:#444}#app.dark-mode #nav a{color:#b0b0b0}#app.dark-mode #nav a:hover{color:#c792ea}#app.dark-mode #nav a.router-link-exact-active{color:#42b983}#app.dark-mode .section-question{background-color:#2c5f7f!important;color:#e0e0e0}#app.dark-mode .input-answer{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444}#app.dark-mode .btn{background-color:#1a5f5f;color:#e0e0e0}#app.dark-mode .btn:hover{background-color:#2a7f7f}#app.dark-mode .start-btn{background-color:#3a3a3a!important;color:#888!important;text-shadow:-1px -1px #000,1px 1px #555!important;box-shadow:0 .2em #555!important}#app.dark-mode .completed-list{color:#b0b0b0}.dark-mode-toggle{position:fixed;top:20px;right:20px;font-size:1.5rem;padding:10px 15px;border:none;border-radius:50%;background-color:hsla(0,0%,100%,.1);cursor:pointer;transition:all .3s;z-index:1000}.dark-mode-toggle:hover{background-color:hsla(0,0%,100%,.2);transform:scale(1.1)}h1{margin-bottom:0}@media(max-width:1024px){.subHeading{display:block}.headingSplit{display:none}}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50;font-size:1.3rem;margin-left:3%;margin-right:3%;text-decoration:none}#nav a:hover{color:#639}#nav a.router-link-exact-active{color:#42b983}.section-question[data-v-3c6810c6]{background-color:#87ceeb;width:100%;margin:0 auto;padding:10px 0;font-size:1.5rem}.section-answer[data-v-3c6810c6]{margin-top:15px;padding:3px}.input-answer[data-v-3c6810c6]{padding:5px;font-size:1.25rem}.info[data-v-3c6810c6]{margin:10px;font-size:1.25rem}.btn[data-v-3c6810c6]{background-color:#20b2aa;color:#ffebcd;padding:8px;border-radius:5px}.btn[data-v-3c6810c6]:hover{cursor:pointer;background-color:#2e8b57}.completed-list[data-v-3c6810c6]{width:95%;margin:0 auto;margin-top:15px;line-height:1rem;text-align:center}.start-btn[data-v-3c6810c6]{font-family:Press Start\ 2p;font-size:3rem;text-align:center;display:inline-block;margin-top:100px;font-weight:700;padding:15px 30px;background-color:#d3d3d3;text-shadow:-1px -1px #000,1px 1px #fff;color:grey;border-radius:7px;box-shadow:0 .2em grey;cursor:pointer}.start-btn[data-v-3c6810c6]:active{box-shadow:none;position:relative;top:.2em}