.aurora-overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
	filter: blur(48px);
	opacity: 30%;
}

.aurora {
	background: linear-gradient(280deg,#03f241,#d549dd,#03e5f2,#03f241);
	clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, 93% 76%, 85% 59%, 76% 43%, 59% 31%, 42% 33%, 30% 49%, 20% 64%, 11% 82%);
	background-size: 400% 400%;
    animation: aurora-overlay 15s ease infinite;
	width: 100%;
	height: 100%;
}

@keyframes aurora-overlay {
    0% {
        background-position: 0 94%;
        -webkit-backdrop-filter: saturate(1.5);
        backdrop-filter: saturate(1.5)
    }

    50% {
        background-position: 70% 7%;
        -webkit-backdrop-filter: saturate(1.5) hue-rotate(100deg);
        backdrop-filter: saturate(1.5) hue-rotate(100deg)
    }

    to {
        background-position: 0 94%;
        -webkit-backdrop-filter: saturate(1.5);
        backdrop-filter: saturate(1.5)
    }
}

@keyframes blurIn {
	0% {
		visibility: visible;
		opacity: 0;
		transform: translate(32px, -32px) scale(1.33);
		filter: blur(20px)
	}
	to {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		filter: blur(0);
	}
}

@keyframes fadeIn {
	0% {
		visibility: hidden;
		opacity: 0;
		transform: translate(32px, -32px) scale(1.05);
		filter: blur(8px);
	}
	100% {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		filter: blur(0);
	}
}

/* Light Mode */
.light .code-block {
	color: black;
}

.light .code-block-container {
	background: #fff !important;
}

.light .token { /* .light .token.keyword, .light .token.number */
	color: #0758fc;
}

.light .token.comment, .token.block-comment {
	color: #5f5f55;
	font-style: italic;
}

.light .token.class-name {
	color: #458;
}

.light .token.function {
	color: #900;
}

.light .token.string, .light .token.string-literal {
	color: #d14;
}

.light .token.constant {
	color: #AA0D91;
}

.light .token.boolean {
	color: #746DB0;
}

.light .token.punctuation, .light .token.operator {
	color: #5f5f55;
}

.light .token.function-definition {
	color: #0758fc;
}

.light .token.omit {
	color: black;
}

.light .token.nil {
	color: black;
}

/* Dark Mode */

.dark .code-block {
	color: rgba(255, 255, 255, 0.85);
}

.dark .token {
	color: #D7008F;
}

.dark .code-block-container {
	background: #1F2029 !important;
}

.dark .token.comment, .token.block-comment {
	color: #32CF72;
}

.dark .token.keyword {
	color: #D7008F;
}

.dark .token.class-name {
	color: #5DD8FF;
}

.dark .token.function {
	color: #1DA9A2;
}

.dark .token.string, .dark .token.string-literal {
	color: #D3232E;
}

.dark .token.constant {
	color: #AA0D91;
}

.dark .token.boolean {
	color: #746DB0;
}

.dark .token.number {
	color: #149C92;	
}

.dark .token.punctuation {
	color: #cec;
}

.dark .token.function-definition {
	color: #41A1C0;
}

.dark .token.operator {
	color: #cec;
}

.dark .token.nil {
	color: #D3232E;
}

.list-dash > li {
	position: relative;
	padding-left: 1rem;
}

.list-dash > li::before {
	position: absolute;  
	left: 0px;
    top: 0.6em;
    width: 0.5rem;
    height: 1px;
    background: #9ca3af;
    content: "";
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #191c1f;
	margin: 0;
	padding: 0;
	background-color: #faf8f5;
}