/*
    WebSite do Ruan (https://ruanv0.github.io/) e
	(https://github.com/ruanv0/ruanv0.github.io)
    Copyright (C) 2025  Ruan Victor dSC <ruan_victor@protonmail.com>

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/
:root {
	/* this has to be set to switch between light or dark */
	color-scheme: light dark;

	--light-bg: #FBFBE0;
	--light-color: #221A14;
	--light-link-href: #0000FF;
	--light-visited-href: #800080;
	--light-hover-href: #FFC0CB;
	--light-active-href: #FF0000;
	--light-focus-href-outline: 2px solid #00FF00;

	--dark-bg: #261F19;
	--dark-color: #E1D4CB;
	--dark-link-href: #88CCFF;
	--dark-visited-href: #BB88DD;
	--dark-hover-href: #FFFFFF;
	--dark-active-href: #FF6666;
	--dark-focus-href-outline: 2px solid #00FF00;
}
* {
  background-color: light-dark(var(--light-bg), var(--dark-bg));
  color: light-dark(var(--light-color), var(--dark-color));
}
a:link {
	color: light-dark(var(--light-link-href), var(--dark-link-href));
}
a:visited {
	color: light-dark(var(--light-visited-href), var(--dark-visited-href));
}
a:hover {
	color: light-dark(var(--light-hover-href), var(--dark-hover-href));
}
a:active {
	color: light-dark(var(--light-active-href), var(--dark-active-href));
}
a:focus {
	outline: light-dark(var(--light-focus-href-outline), var(--dark-focus-href-outline));
}
html, body {
	min-height: 100%;
}
@font-face {
	font-family: 'AdwaitaSans';
	src: url('adwaita-sans.ttf') format('opentype');
	font-weight: 100 900; /* variable weight range */
	font-stretch: 75% 125%; /* variable width range */
	font-style: normal;
}
body {
	margin: 1em;
	font-family: 'AdwaitaSans', sans-serif;
	font-weight: 450; /* mid-range weight */
	overflow: auto;
	overflow-wrap: break-word;
}
@font-face {
	font-family: 'AdwaitaMono';
	src: url('adwaita-mono.ttf') format('opentype');
	font-weight: 100 900; /* variable weight range */
	font-stretch: 75% 125%; /* variable width range */
	font-style: monospace;
}
pre {
	background: #403730;
	color: var(--dark-color);
	padding: 10px;
	border-radius: 5px;
	overflow-x: auto;
	white-space: pre;
	font-family: 'AdwaitaMono', monospace;
	font-weight: 450; /* mid-range weight */
	overflow-wrap: normal;
}
code {
	background: #403730;
	color: var(--dark-color);
	font-family: 'AdwaitaMono', monospace;
	font-weight: 450; /* mid-range weight */
	overflow-x: auto;
	overflow-wrap: normal;
}
img {
	display: block;
	max-width: 90%;
	max-height: 90vh;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	object-fit: contain;
}
.image-text-container {
	clear: left;
}
table {
	border-collapse: collapse;
	letter-spacing: 1px;
	display: block;
	min-width: 100%;
	overflow-x: auto;
}
th, td {
	text-align: center;
	border: 1px solid light-dark(var(--light-color), var(--dark-color));
	padding: 0.2em;
}