body{padding-left:30px; min-width:1000px; background-size:100%;
background-image:linear-gradient(#ffffff 100px, #fafaff 105px);}
.se{background-color:#EFF5FB; color:#002255; width:95%;}
h1 {font-family: 'El Messiri', sans-serif; /*color:#110044;*/}
.errata{background-image:linear-gradient(90deg, #C4C4CE, #E4E4EF); margin-left:10%; padding-left:10px;
width:80%;}
.notes{background-color:#C4C4C4; margin-left:10%; padding-left:10px; width:80%;}
.card{font-family: 'Alegreya Sans SC', sans-serif; border-radius:1%; width:70%; overflow-y:scroll;}
.head{border-radius:1%; display:flex; flex-direction:row-reverse; width:100%;}
.head > div:nth-child(2){width:30%;}
table{border-collapse:collapse; font-family:serif;}
th{border:1px solid black;padding:1em;}
caption{border-bottom:2em; font-size:3em;}
a:link{color:#00CCFF;}
a:visited{color:#CC44FF;}
.loup details summary::-webkit-details-marker {display:none; }
.loup details summary:before{content:"🔎  ";}
#latex summary:before{content:"*";}
#latex caption{font-size:1em;}

#latex{float:right; background-color:white; border:3px dotted #44CCFF; width:30%;
padding:5px; border-radius:10px; font-style:normal;}
#latex table{border:0}
#latex td{border:0;}
#latex th {border-width:0 1px 0 0;}
.mail{background-color:#BBFD89; color:#444444; border-radius:5%; line-height:1.6; padding-left:15px;
    margin-top:15px;
}
.mail h1, blockquote{font-style:italic;}
.mail blockquote{background-color:#EEFF5B; padding:10px;}
.mail q{text-decoration:underline;}
#nav{width:100%; font-size:17px;  font-family: 'Alegreya Sans SC', sans-serif}
#nav ul{width:100%;}
#nav ul li {display:inline; padding:15px; border-right:0; border-bottom:5px solid #eff5fb; border-left:1px solid black;
    background-color:#AADDFF;}
#nav a{color:black; text-decoration:none;}
#nav ul li:hover{background-color:#0a3375;}
#nav ul li:hover a{color:white;}
#nav #here {background-color:#DDEEFF;}
#nav #logo{width:150px;}
hr{background-color:#C4C4CE; color:#C4C4CE;}
form{color:black;}
form li{list-style-type:none;}
details table, details p, details h2{background-color:white; color:black;}
details p{padding-left:8px; padding-right:8px;}
#nightmare{display:none; color:#eeee00; position:fixed; width:10%; margin-left:88%;}
#nightmare img{width:100%;}
.key{text-align:center; box-shadow: -2px -2px 5px rgba(255, 255, 255, 1), 3px 3px 5px rgba(0, 0, 0, 0.1);}
.focus{background-color:#ccccdd; color:white; border:5px solid white;}
   /* #keyboard .key{width:12%; background-color:white; text-align:center; border-radius:10%; padding:1%; border:2px solid #44cccc;}*/
   /* #keyboard  td{width:14%;}*/
     #error{color:red;}
    @media (min-device-width:100px) and (max-device-width:1200px){.head{flex-direction:column;} .head > div:nth-child(2){width:100%;} .card{width:90%; margin-left:10%;}}
.nightly{
    background-color:#333333;
    color:#ffffff;
    background-image:linear-gradient(180deg, #000000 80%, #666644 94%)
}
.nightly .se{
    background-color:#0044cc;
    color:#ffee00;
}
.nightly .head{
    background-color:transparent;
    
}
.nightly .card{
    background-color:#444444;
}
.nightly .card img{
    background-color:transparent;
}
.nightly .content{
    color:black;
}
.nightly #nightmare{
    display:inherit;
}