/* v1.2.1 */
/* for proper form-sizing */
* {
  box-sizing: border-box;
}
/* basics */
html {
    background-color: #040;
    font-family: Latin Modern Roman, serif;
    font-size: x-large;
}
a {
    color:#060;
    text-decoration: none;
    cursor: pointer;
}
blockquote {
    font-size: smaller;
}
math {
    font-family: Latin Modern Math
    font-size: 1em;
}
div.blockformula {
    text-align: center;
}
code {
    border-radius: 0.3em;
    background-color: rgba(127,127,127,0.4);
}
/* other stuff */
table {
    background-color: #fff;
    border:1px solid #888;
    border-collapse: collapse;
}
table tr {
    border: 1px dashed #888;
}
table th {
    border-right:1px solid #888; 
    border-left:1px solid #888;
}
table td {
    border-right:1px solid #888; 
    border-left:1px solid #888;
}
/* forms */
button {
    font-size: 1em;
    font-family: Latin Modern Roman, serif;
    box-shadow: 2px 2px rgba(200,200,200,0.8);
}
button:active {
    background-color: #aaa;
    box-shadow: 0 0px;
    transform: translateX(2px) translateY(2px);
}
button:disabled {
    color: #888;
}
select {
    font-size: 1em;
    font-family: Latin Modern Roman, serif;
}
input {
    font-size: 1em;
    font-family: Latin Modern Roman, serif;
}
input:disabled {
    color: #888;
    background-color: #888;
}
textarea {
    font-size: 0.8em;
    font-family: Latin Modern Mono, monospace;
}
/* tooltips */
.tooltip .tooltiptext {
    display: none;
}
.tooltip:hover .tooltiptext {
    display: inline;
    border-radius: 0.3em;
    background-color: #777;
    position: fixed;
}
/* print */
@page {
    margin: 2cm;
}
@media print {
    html {
        font-size: 12pt;
    }
    .no-print {
        display: none !important;
    }
}
/* fonts */
@font-face {
    font-family: Latin Modern Roman;
    src: url("lmroman10-regular.woff2") format('woff2');
}
@font-face {
    font-family: Latin Modern Roman;
    src: url("lmroman10-bold.woff2") format('woff2');
    font-weight: bold;
}
@font-face {
    font-family: Latin Modern Roman;
    src: url("lmroman10-bolditalic.woff2") format('woff2');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: Latin Modern Roman;
    src: url("lmroman10-italic.woff2") format('woff2');
    font-style: italic;
}
@font-face {
    font-family: Latin Modern Mono;
    src: url("lmmono10-regular.woff2") format('woff2');
}
@font-face {
    font-family: Latin Modern Math;
    src: local('Latin Modern Math'), local('LatinModernMath-Regular'), url("latinmodern-math.woff2") format('woff2');
}
/* dark-mode */
@media (prefers-color-scheme: dark) {
    html {
        color: white;
    }
    textarea {
        background-color: #333;
        color: white;
        border: 1px solid black;
    }
    input {
        background-color: #333;
        color: white;
        border: 1px solid black;
    }
    input:disabled {
        background-color: rgba(50,50,50,0.8);
    }
    select {
        background-color: #444;
        color: white;
        border: 1px solid black;
    }
    button {
        background-color: #333;
        color: white;
        border: 1px solid black;
        box-shadow: 2px 2px rgba(80,80,80,0.8);
    }
    button:active {
        background-color: #444;
    }
    button:disabled {
        color: #888;
    }
    a {
        color:#4f4;
    }
    table {
        background-color: #222;
    }
}