html {
    font-size: 100%;
}

@media(max-width: 640px) {
    html {
        font-size: 85%;
    }
}

::-webkit-scrollbar {
  	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track {
  	background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  	background: #111111;
	border: 3px solid #f1f5f9;
	border-radius: 50rem;
}

.sidemenu .info h2 a {
    font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.editor-content *:not(li) {
    margin: 1.5rem 0;
	line-height: 1.8;
}

.editor-content strong {
	font-weight: 600;
}

.editor-content ul {
	list-style: disc;
	padding-left: 1.25rem;
}

.editor-content ol {
	list-style: decimal;
	padding-left: 1.25rem;
}

.editor-content h1 {
	font-size: clamp(2.25rem, 3.5cqw, 3.5rem);
}

.editor-content h2 {
	font-size: clamp(1.9rem, 2.7cqw, 2.7rem);
}

.editor-content h3 {
	font-size: clamp(1.65rem, 2.2cqw, 2.2rem);
}

.editor-content h4 {
	font-size: clamp(1.45rem, 1.75cqw, 1.75rem);
}

.editor-content h5 {
	font-size: clamp(1.25rem, 1.5cqw, 1.5rem);
}

.editor-content h6 {
	font-size: clamp(1rem, 1.25cqw, 1.25rem);
}

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
    font-family: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 600;
	line-height: 1.35;
}

.editor-content blockquote {
	font-family: var(--font-family-title);
	font-style: normal !important;
	line-height: 1.4;
	font-size: clamp(1.65rem, 2.2cqw, 2.2rem);
	font-style: normal !important;
	background-color: #f1f5f9;
	padding: 1rem 1rem 1rem 2rem;
	border-left: 4px solid #111111;
	border-radius: 0.25rem;
}

.editor-content pre {
	padding: 0;
	margin: 1.5rem 0;
}

.editor-content code:not([class*=language-]) {
	font-size: 80%;
	background-color: #f1f5f9;
	border: 1px solid #d8dfe6;
	padding: 0.15rem 0.3rem;
	border-radius: 0.3rem;
	color: #ff4881;
}

.editor-content code[class*=language-] {
    font-family: 'Google Sans Code', Consolas,Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1rem;
	border-radius: 0.25rem;
	padding: 0 2rem 0 0;
}

.editor-content table {
    width: 100%;
    font-size: 84%;
}

.editor-content table tr th {
    font-weight: 600;
    text-align: left;
}

.editor-content table th {
    border-top: 1px solid #d8dfe6;
}

.editor-content table th,
.editor-content table td {
    padding: 0.5rem 0;
    border-bottom: 1px solid #d8dfe6;
}

.scrl {
    transition-duration: 200ms;
    opacity: 0;
    visibility: hidden;
}

.scrl.show {
    opacity: 1;
    visibility: visible;
}