website/inf.css

/* Inferencium - Website - CSS */

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

/* Version: 10.2.0.40 */


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

.body-link {
		font-family: Roboto, sans-serif;
		font-size: 17px;
		text-decoration: none;
}

.body-link:link {
		color: #5dade2;
}

.body-link:visited {
		color: #bb8fce;
}

.body-link:hover {
		text-decoration: underline;
}


/* Section */
section {
		padding-bottom: 40px;
}


/* Heading 1 */
h1, .h1 {
		font-family: Roboto, sans-serif;
		font-size: 24px;
		text-align: center;
		line-height: 130%;
		color: #ffffff;
		padding-bottom: 40px;
}


/* Heading 2 */
h2, .h2 {
		font-family: Roboto, sans-serif;
		font-size: 22px;
		line-height: 130%;
		color: #ffffff;
}


/* Heading 3 */
h3, .h3 {
		font-family: Roboto, sans-serif;
		font-size: 20px;
		line-height: 130%;
		color: #ffffff;
}


/* Heading 4 */
h4, .h4 {
		font-family: Roboto, sans-serif;
		font-size: 18px;
		line-height: 130%;
		color: #ffffff;
}


/* Heading 5 */
h5, .h5 {
		font-family: Roboto, sans-serif;
		font-size: 16px;
		line-height: 130%;
		color: #ffffff;
}


/* Heading 6 */
h6, .h6 {
		font-family: Roboto, sans-serif;
		font-size: 16px;
		line-height: 130%;
		color: #ffffff;
}


/* Paragraph */
p {
		font-family: Roboto, sans-serif;
		font-size: 17px;
		color: #ffffff;
}

/* Blockquote */
blockquote {
				font-size: 16px;
				color: #ffffff;
}

/* Code */
code {
		font-size: 15px;
		color: #ffffff;
		background-color: #000000;
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
}


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


/* Lists */
ul {
		list-style: none;
}

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

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


/* Tables */
table, th, td {
		border: 2px solid;
		border-collapse: collapse;
		border-color: #ffffff;
		padding: 15px;
		font-family: Roboto, sans-serif;
		font-size: 17px;
		color: #ffffff;
		overflow-x: auto;
}

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

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


/* Sidebar */
.sidebar {
		height: 100%;
		width: 250px;
		position: fixed;
		left: 0;
		top: 0;
		padding-top: 55px;
		background-color: #909090;
		text-align: center;
		z-index: 99;
		overflow: auto;
}

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

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

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


/* Emphasis */
strong {
		color: #ffffff;
}


/* Media */
@media (max-width: 600px) {

				html {
						overflow-x: hidden;
				}
				
				body {
						padding-top: 80px;
						margin: 15px;
						position: relative;
						overflow-x: hidden;
				}

				.sidebar {
						width: 100vw;
						height: 40px;
						font-size: 12px;
						line-height: 0%;
						padding-top: 20px;
						overflow: auto;
						white-space: nowrap;
				}

				.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;
				}
}