/* #region global */
* {
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-family: var(--font_family);
    line-height: 1.5;
}

html, body {
	color: var(--fg);
	height: 100vh;
    background: var(--bg);
    background-size: cover;
    background-attachment: fixed;
    scrollbar-width: thin;
    scrollbar-color: var(--fg) transparent;
    overflow-x: hidden;
}
/* #endregion */


h1 {
    color: var(--content-h1);
    width: 100%;
    font-size: 28px;
}

h2 {
    color: var(--content-h2);
    width: 100%;
}

h3 {
    color: var(--content-h3);
    width: 100%;
}

h4 {
    color: var(--content-h4);
    width: 100%;
    font-size: 20px;
}

h5 {
    color: var(--content-h5);
    width: 100%;
    font-size: 18px;
}

p, label, a, span {
    color: var(--fg);
    font-size: 16px;
    line-height: 1.5;
}

button {
    font-size: 16px;
}

button:hover {
    cursor: pointer;
}

img {
    width: 100%;
    object-fit: contain;
}