body {
     font-family: Ubuntu, sans-serif;
     margin: 25px auto;
     max-width: 850px;
     font-size: 14px;
     background-color: AliceBlue;
     color: black;
     padding: 0 10px;
}
 a:link {
     color: #0000ee;
}
 a:visited {
     color: #551a8b;
}

.important {
    font-size: 130%;
    font-weight: bold
}
 .warn {
     font-size: 130%;
     color: darkred;
}

.bigwarn {
	background-color: darkred;
	color: white;
	font-size: 18px;
	text-align: center;
	padding: 5px;
}

 img, video {
     max-width: 100%;
     height: auto;
}
 table, th, td {
     border: 1px solid;
     border-collapse: collapse;
     padding: 5px
}
 code {
     font-family: monospace;
     overflow-x: auto;
}

pre {
	line-height: 125%;
	tab-size: 5;
	padding: 0.5em;
	border: 1px solid #ccc;
	background: white;
	white-space: pre-wrap;
}

code {
	padding: 1px;
	border-radius: 2px;
	border: 1px solid #ccc;
	background: white;
}

pre > code {
	border: none;
}

 @media print {
     body {
        font-size: 16px;
        background-color: white;
        color: black;
        max-width: 100%;
    }
     a:after {
         content: " - "attr(href);
    }
}

@media (prefers-color-scheme: dark) {

    body {
        background-color: #272b30;
        color: white;
    }
    .warn{
        color: #F76555;
    }
    .bigwarn {
        background-color: #F76555;
    }

    a:link {
    color: LightSkyBlue;
    }
    a:visited {
    color: plum
    }

    pre, code {
        background-color: black;
    }
}
