body{margin:40px auto;
	max-width:650px;
	line-height:1.6;
	font-family:sans-serif;
	font-size:18px;
	padding:0 10px}
h1{text-align: center}
h1,h2,h3{line-height:1.2}
a:link {color: #fa6969}
a:visited {color: #c75858}
a:hover {color:#ff4d4d}
a:active {color: #fa3c3c}

.container {display: grid; grid-template-columns: 50% 50%;}
.container > div {padding: 5px;}

/* For mobile phones: */
@media only screen and (max-width: 650px)
	{.container {grid-template-columns: auto;}}

/* Switching theme based on OS theme */
:root {color-scheme: light dark;}
@media (prefers-color-scheme: light) {
  :root {color: #444;
    background-color: #dddddd;}
}

@media (prefers-color-scheme: dark) {
  :root {color: #dddddd;
    background-color: #272727;}
}