/* Light mode */
@media (prefers-color-scheme: light) {
#settings_select {
    font-size: 8vw;
}

#tt_name {
    font-size: 8vw;
}

#tt_sb {
    font-size: 8vw;
}

#tt_cncl {
    font-size: 8vw;
}

.buttons {
    margin-bottom: 10vw;
}

.header {
    background: #8C1084;
}

.footer {
position : fixed;
height : 20px;
bottom : 0;
}

.head_button {
    position: relative;
    top		    : 24%;
    bottom		: 0;
    left		: -3%;
    right		: 0;
}

.setup {
    margin-top: 10vw;
    margin-left: 3vw;
    margin-right: 3vw;
    margin-bottom: 3vw;
}

.header {
    height: 8vh;
    margin-bottom: 1vh;
    margin-left: -3px;
    margin-top: -10px;
}

.day_change {
    height: 5vh;
    margin-bottom: 1vh;
}

#day {
    font-size: 2.5vw;
    line-height: 0;
}

.change_day {
    font-size: 4.4vw;
    letter-spacing: 0px;
    line-height: 0.1;
    width: 15vw;
}

#prog_name {
    font-size: 2.5vh;
    line-height: 0;
    margin-left: 5vw;
    color: #DDD;
}

.lesson {
    margin-bottom: 1.5vh;
    background-color: #C8C8C8;
}
/*
table, td, th, tbody, .header {
border: 1px dotted #FF0000;
}
*/
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
body {
    background-color: #000;
}

#settings_select {
    font-size: 8vw;
}

#tt_name {
    font-size: 8vw;
}

#tt_sb {
    font-size: 8vw;
}

#tt_cncl {
    font-size: 8vw;
}

.buttons {
    margin-bottom: 10vw;
}

.header {
    background: #8C1084;
}

.footer {
    position : fixed;
    height : 20px;
    bottom : 0;
    background-color: #323232;
}

.head_button {
    position: relative;
    top		    : 24%;
    bottom		: 0;
    left		: -3%;
    right		: 0;
}

.setup {
    margin-top: 10vw;
    margin-left: 3vw;
    margin-right: 3vw;
    margin-bottom: 3vw;
}

.header {
    height: 8vh;
    margin-bottom: 1vh;
    margin-left: -3px;
    margin-top: -10px;
}

.day_change {
    height: 5vh;
    margin-bottom: 1vh;
}

#day {
    font-size: 2.5vw;
    line-height: 0;
    color: #808080;
}

.change_day {
    font-size: 4.4vw;
    letter-spacing: 0px;
    line-height: 0.1;
    width: 15vw;
}

.change_day_b {
    background-color: #323232;
}

#prog_name {
    font-size: 2.5vh;
    line-height: 0;
    margin-left: 5vw;
    color: #DDD;
}

.lesson {
    margin-bottom: 1.5vh;
    background-color: #191919;

}

.lesson_text {
    color: #BBB;
}
/*
table, td, th, tbody, .header {
border: 1px dotted #FF0000;
}
*/