:root{
    --primary-color: #9b02ba;
    --accent-color: #eb79f6;
    --text-color: #000000;
    --body-color: #edf2f9;
    --border-color: #AAAAAA;
	--code-preview-bg-color: #FEFEFE;
}
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


html {
	scroll-behavior: smooth;
  }

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	text-rendering: optimizeLegibility;
}

article, aside, audio,
footer, header, nav, section, video {
	display: block;
}


a.skip-main {
	position: absolute;
	left: -9999px;
	z-index: 999;
	padding: 1em;
	background-color: black;
	color: white;
	opacity: 0;
}

.navbar-brand sup{
	color: var(--primary-color);
	font-weight: bold;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
	color: var(--primary-color);
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6{
	padding-bottom: 0.5em;
}
h1{
	color: var(--primary-color);
    font-weight: bold;
}
h2 {
	color: var(--primary-color);
}
h3 {
	color: var(--accent-color);
	font-size: 1.5em;
}

ul{
	list-style-type: circle;
}


div.code-toolbar>.toolbar>.toolbar-item>a, div.code-toolbar>.toolbar>.toolbar-item>button, div.code-toolbar>.toolbar>.toolbar-item>span{
	color: var(--primary-color);
	margin-right: 24px;
}
.code-toolbar{
	margin: 1em 0 2em 0;
}
@media screen and (max-width: 769px) {
	.code-toolbar{
		margin: 1em 1em 2em 1em;
	}
}

ul.stylish{
	list-style-type: circle;
}

.code-preview, .cp{
	background: var(--code-preview-bg-color);
	border: 1px solid var(--border-color);
	padding: 1em;
	border-radius: 4px;
	margin-bottom: 1em;
}

code > a {
    color: inherit;
}

article img {
    max-width: 100%;
    height: auto;
}

.privacy-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #333;
	color: white;
	text-align: center;
	padding: 10px;
	z-index: 1000;
  }
  .random-hobby {
    margin: 2em auto;
    padding: 2em;
    background: #EEE;
    border: 1px solid var(--ast-global-color-0);
    border-radius: 4px;
}
ul.hobby-index{
	columns: 4 140px;
}