website/inf.css

/* Inferencium - Website - CSS */

/* Copyright 2022-2023 Jake Winters */
/* SPDX-License-Identifier: BSD-3-Clause-Clear */

/* Version: 6.0.0.16 */


h1, .h1 {
		font-family: Roboto, sans-serif;
		font-size: 26px;
		text-align: center;
		color: #ffffff;
}

h2, .h2 {
		font-family: Roboto, sans-serif;
		font-size: 22px;
		color: #ffffff;
}

h3, .h3 {
		font-family: Roboto, sans-serif;
		font-size: 20px;
		color: #ffffff;
}

h4, .h4 {
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #ffffff;
}

h5, .h5 {
		font-family: Roboto, sans-serif;
		font-size: 16px;
		color: #ffffff;
}

h6, .h6 {
		font-family: Roboto, sans-serif;
		font-size: 16px;
		color: #ffffff;
}

body {
		padding-top: 40px;
		margin-left: min(400px, 45vw);
		margin-right: min(150px, 12vw);
		font-family: Roboto, sans-serif;
		font-size: 20px;
		background-color: #262626;
}

.body-link {
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #ffffff;
		text-decoration: underline;
}

p {
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #ffffff;
}

code {
		font-size: 18px;
		color: #ffffff;
}

a {
		font-family: Roboto, sans-serif;
		color: #000000;
		text-decoration: none;
}

ul {
		list-style: none;
}

ul li::before {
		content: "\25AA";
		margin-left: -1em;
		display: inline-block;
		width: 1em;
		font-weight: bold;
		color: #ffffff;
}

table, th, td {
		border: 2px solid;
		border-collapse: collapse;
		border-color: #ffffff;
		padding: 15px;
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #ffffff;
}

.table-title {
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
}

.table-main {
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #ffffff;
		text-align: center;
}

.table-link {
		font-family: Roboto, sans-serif;
		font-size: 18px;
		color: #ffffff;
		text-decoration: underline;
}

.sidebar {
		height: 100%;
		width: 250px;
		position: fixed;
		left: 0;
		top: 0;
		padding-top: 55px;
		background-color: #909090;
		text-align: center;
}

.sidebar div {
		padding: 8px;
		font-family: Roboto, sans-serif;
		font-size: 24px;
		display: block;
}

.title {
		padding: 8px;
		font-family: Roboto, sans-serif;
		font-size: 32px;
}

.logo-small {
		transform: translate(0px, 13px);
}

strong {
		color: #ffffff;
}

@media (max-width: 600px) {

				.sidebar {
						width: 100vw;
						height: auto;
						font-size: 0px;
						padding-top: 5px;
				}

				.sidebar div {
						font-size: min(max(7vw, 20px), 30px);
						display: inline-block;
				}

				.sidebar img, .sidebar .title { 
						display: none;
				}

				h2 {
						text-align: center;
				}

				h3 {
						text-align: center;
				}

				h4 {
						text-align: center;
				}

				h5 {
						text-align: center;
				}

				h6 {
						text-align: center;
				}

				.update_date {
						text-align: center;
				}

				body {
						margin: 15px;
				}

}