@charset "UTF-8";

@font-face {
	font-family: 'creamfont-1.1';
	src: url('../fonts/creamfont-1.1.otf');
}

@font-face {
	font-family: 'creamfont-2.0';
	src: url('../fonts/creamfont-2.0.otf');
}

@font-face {
	font-family: 'Cinzel-VariableFont_wght';
	src: url('../fonts/Cinzel-VariableFont_wght.ttf');
}

@font-face {
	font-family: 'jf-jinxuan-medium';
	src: url('../fonts/jf-jinxuan-medium.otf');
}

@font-face {
	font-family: 'Autography';
	src: url('../fonts/Autography.otf');
}

@font-face {
	font-family: 'NotoSerifTC-Regular';
	src: url('../fonts/NotoSansSyriac-Regular.ttf');
}

@font-face {
	font-family: 'JosefinSans-VariableFont_wght';
	src: url('../fonts/JosefinSans-VariableFont_wght.ttf');
}

@font-face {
	font-family: 'Demo_ConeriaScript';
	src: url('../fonts/Demo_ConeriaScript.ttf');
}

:root {
	--FFFFFF: #FFFFFF;
	--DCDDDD: #DCDDDD;
	--DBD2B8: #DBD2B8;
	--EDEDEC: #EDEDEC;
	--898989: #898989;
	--3E3A39: #3E3A39;
	--231815: #231815;
	--595757: #595757;
	--939393: #939393;
	--592814: #592814;
	--D5BA3C: #D5BA3C;
	--B5B5B5: #B5B5B5;
	--A08024: #A08024;
	--926F26: #926F26;
	--483416: #483416;
	--13AE67: #13AE67;
	--F4C138: #F4C138;
	--d79a19: #d79a19;
	--F8E183: #F8E183;
	--F7E083: #F7E083;
	--717071: #717071;
	--9FA0A0: #9FA0A0;
	--888888: #888888;
	--1C4122: #1C4122;
	--097642: #097642;
	--0DAC67: #0DAC67;
	--79c97e: #79c97e;
	--dbecd2: #dbecd2;
	--C84228: #C84228;
	--989898: #989898;
	--E50012: #E50012;
	--C8C9CA: #C8C9CA;
	--B4B4B4: #B4B4B4;
	--592714: #592714;
	--926f26: #926f26;
	--855533: #855533;
	--d8c98f: #d8c98f;
	--fbf0c4: #fbf0c4;
	--259d61: #259d61;
	--97d897: #97d897;
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	touch-action: pan-x pan-y;
}

html, body {
    width: 100%;
	height: 100%;
	margin: auto;
	overflow-x: hidden;
	overscroll-behavior: none;
}

section {
	position: relative;
    margin: auto;
    width: 100%;
	height: auto;
	max-width: 800px;
    height: auto;
	background: transparent;
	display: flex;
    flex-direction: column;
	align-items: center;
}

/* 404 */

.error-404 {
    font-size: 	80px !important;
}

.error-text{
	font-size: 35px !important;
	margin-bottom: 20px;
	text-align: justify;
}

.ql-size-small {
    font-size: 0.75em;
}

.ql-size-large {
    font-size: 1.5em;
}

.ql-size-huge {
    font-size: 2.5em;
}

.ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
}

.ql-align-left {
    text-align: left;
}

.ql-align-right {
    text-align: right;
}

.ql-align-center {
    text-align: center;
}

.ql-align-justify {
    text-align: justify;
}

.ql-indent-1 {
    text-indent: 2em;
}

.ql-indent-2 {
    text-indent: 4em;
}

.ql-indent-3 {
    text-indent: 6em;
}

.ql-indent-4 {
    text-indent: 8em;
}

.ql-indent-5 {
    text-indent: 10em;
}

.ql-indent-6 {
    text-indent: 12em;
}

.ql-indent-7 {
    text-indent: 14em;
}

.ql-indent-8 {
    text-indent: 16em;
}