* {
	--main-color: #808080;
	--main-bg: #808080;
	font-family: "Roboto", sans-serif;
	color: var(--main-color);
	transition-duration: 0.2s;
}

html {
	background-color: var(--main-bg);
	transition-duration: 0.5s;
}

h1::after {
    display: block;

    width: 100%;
    height: 3px;

    background-color: var(--divider-color);

    content: '';
}

a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: var(--link-color-hover);
}

a:active {
	color: var(--link-color-active);
}

span.end {
    display: block;
    margin-top: 10px;
    text-emphasis: bold;
}

span.end::before {
    display: block;

    width: 100%;
    height: 3px;

    background-color: var(--divider-color);

    content: '';
}

button#light-dark {
	position: fixed;
	bottom: 10px;
	right:10px;
	font-size: 20px;
	background-color: var(--link-color);
	padding: 5px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

button#light-dark:hover {
	background-color: var(--link-color-hover);
}

button#light-dark:active {
	background-color: var(--link-color-active);
}