pages/default.scss

---
---
/*
 * Copyright © 2019, 2022 Linus Vanas <linus@vanas.fi>
 * SPDX-License-Identifier: CC-BY-SA-4.0
 */
$color-text:#000000;
$color-link:#006600;
$color-link-visited:#003300;
$color-link-hover:#009900;
$color-hlink:#009900;
$color-hlink-hover:#00BB00;
$color-background:#EEFFEE;

body
{
	background-color:$color-background;
	font-family:sans-serif;
	margin:auto;
	max-width:52em;
}

a:link
{
	color:$color-link;
}

a:visited
{
	color:$color-link-visited;
}

a:hover
{
	color:$color-link-hover;
}

a:active
{
	color:$color-link-hover;
}

header
{
	text-align:center;
}

header a
{
	background-color:$color-hlink;
	border:.2em solid black;
	border-radius:.2em;
	color:$color-text;
	display:inline-block;
	margin-top:-.2em;
	padding: .1em;
	text-decoration:none;
	min-width:6em;
}

header a:link
{
	color:$color-text;
}

header a:visited
{
	color:$color-text;
}

header a:hover
{
	background-color:$color-hlink-hover;
	color:$color-text;
}

header a:active
{
	background-color:$color-hlink-hover;
	color:$color-text;
}

main
{
	padding:0 1em;
	text-align:justify;
}

a.highlight
{
	background-color:$color-hlink;
	border-radius:.2em;
	color:$color-text;
	display:block;
	font-size:110%;
	margin:.5em 0;
	padding:.5em;
	text-align:center;
	text-decoration:none;
}

a.highlight:link
{
	color:$color-text;
}

a.highlight:visited
{
	color:$color-text;
}

a.highlight:hover
{
	background-color:$color-hlink-hover;
	color:$color-text;
}

a.highlight:active
{
	background-color:$color-hlink-hover;
	color:$color-text;
}

footer
{
	border-top:.1em solid black;
	font-size:83%;
	text-align:center;
}

footer p
{
	margin:.25em;
}

footer a
{
	display:inline-block;
}

table
{
	border-collapse:collapse;
}

td
{
	border:.2em double $color-link;
	font-size:96%;
}

img
{
	display: block;
	margin: auto;
}