html {
	font-size:1em;
	color:#2600ff;
	background-color:#a0a0a0;
	font-family:Consolas,Courier New,Courier,monospace;
	hyphens:auto;
}

body {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

header {
	color:#231f20;
	text-align:center;
	padding:0.5rem;
}

header img {
	max-width:80%;
}

footer {
	color:#231f20;
	font-size:0.9rem;
	text-align:right;
    hyphens:none;
	padding:0.5rem 0;
	margin:1rem 0.5rem 0.5rem 0.5rem;
}

main {
    display:flex;
    flex:1 0 auto;
    flex-wrap:wrap;
    justify-content:center;
}

article {
    width:45%;
    min-height:15rem;
    display:inline-block;
    color:#f0f0ff;
    background-color:#2a2a2a;
    border-radius:0.5rem;
    padding:0.2rem;
    margin:0.5rem;
}

article h3 {
    color:#bf1b2c;
    font-size:1.2rem;
    font-weight:bold;
    padding-left:1rem;
}

article h3:before {
    font-size:1.5rem;
    color:#bf1b2c;
    content:'\21d2\00a0';
}

article a:link {
    color:#d0d0ff;
}

article a:visited {
    color:#9999bb;
}

article a:hover {
    color:#bf1b2c;
    text-decoration:none;
}

article a:active {
    color:#ffffff;
}

h1 {
    font-size:2.5rem;
    margin:0.5rem 0.5rem 0 0.5rem;
}

h2 {
    font-size:2rem;
    margin:0 0.5rem 0.5rem 0.5rem;
}

p {
    padding:0 1rem 0.5rem 1rem;
}

ul {
    list-style-type:none;
    padding-left:1rem;
}

ul li {
    padding:0 0.5rem 1rem 0.5rem;
}

ul li:before {
    color:#bf1b2c;
    content:'\25a0\00a0';
}

.language {
    float:right;
}

.language a img {
    height:1rem; 
}

@media (max-width:50rem) {
    article {
        width:100%;
    }
}