:root {
			--purple: #292F56;
			--green: #a2aade;
		}

		html, body {
			overflow-x: hidden;
		}

		@keyframes opacityPulse1 {
			0% {opacity: 0}
			20% {opacity: 1}
			60% {opacity: 1}
			90% {opacity: 0}
			100% {opacity: 0}
		}

		@keyframes opacityPulse2 {
			0% {opacity: 0}
			5% {opacity: 0}
			35% {opacity: 1}
			60% {opacity: 1}
			90% {opacity: 0}
			100% {opacity: 0}
		}

		.loadingBody {
			height: 100%;
			width: 100%;
			position: fixed;
			overflow: hidden;
		}

		::-webkit-scrollbar {
			width: 8px;
		}

		::-webkit-scrollbar-track {
			background-color: var(--purple);
			border-radius: 0px;
			outline: solid;
			outline-width: 0.05rem;
			outline-color: var(--purple);
		}

		::-webkit-scrollbar-thumb {
			border-radius: 0px;

			background: var(--purple);
			background: -moz-linear-gradient(0deg, var(--purple) 0%, var(--green) 50%, var(--purple) 100%);
			background: -webkit-linear-gradient(0deg, var(--purple) 0%, var(--green) 50%, var(--purple) 100%);
			background: linear-gradient(0deg, var(--purple) 0%, var(--green) 50%, var(--purple) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--green),endColorstr=var(--green),GradientType=1);
		}

		.link {
			text-decoration: none;
			color: #ffffff;
		}

		.link:hover {
			color: var(--green);
		}

		.btn {
			background-color: none;
			outline: solid;
			outline-width: 0.15rem;
			outline-color: var(--purple);
			color: var(--purple);

			transition: all 500ms;
		}

		.btn:hover {
			background-color: var(--purple);
			outline: solid;
			outline-width: 0.15rem;
			outline-color: var(--purple);
			color: #ffffff;
		}

		.btn-light {
			background-color: var(--purple);
			outline: solid;
			outline-width: 0.15rem;
			outline-color: var(--green);
			color: var(--green);
			border-width: 0px;

			transition: all 500ms;
		}

		.btn-light:hover {
			background-color: var(--green);
			outline: solid;
			outline-width: 0.15rem;
			outline-color: var(--green);
			color: var(--purple);
		}