@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Stick+No+Bills:wght@200;300;400;500;600;700;800&display=swap');

:root {
	--theme-font-heading: 'Stick No Bills', sans-serif;
	--theme-font-text: 'Saira Condensed', sans-serif;
	--theme-violet-rgb: 28, 0, 37;
	--theme-lightviolet-rgb: 65, 0, 87;
	--theme-lightgreen-rgb: 193, 255, 192;
	--theme-violet: #1c0025;
	--theme-lightviolet: #410057;
	--theme-lightgreen: #c1ffc0;
	--theme-offcanvas-width: 250px;
	--theme-offcanvas-height: 15vh;
}


@keyframes scroll {
	0% {
		cy: 4;
		opacity: 0;
	}
	45%, 55% {
		opacity: 1;
		cy: 9;
	}
	100% {
		cy: 14;
		opacity: 0;
	}
}

@keyframes slideInFromLeft {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes slideInFromRight {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes slideInFromTop {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes slideInFromBottom {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fadein {
	animation: fadeIn 3s;
}

.slidefromleft {
	animation: 1.5s ease-out 0s 1 slideInFromLeft;
}

.slidefromright {
	animation: 1.5s ease-out 0s 1 slideInFromRight;
}

.slidefromtop {
	animation: 1.5s ease-out 0s 1 slideInFromTop;
}

.slidefrombottom {
	animation: 1.5s ease-out 0s 1 slideInFromBottom;
}

.offcanvas-15vh {
	height: 15vh;
}

body {
	font-family: var(--theme-font-text);
	color: rgba(var(--theme-lightviolet-rgb), var(--bs-text-opacity, 1)) !important;
}

.sidebar-start {
	padding-left: var(--theme-offcanvas-width);
}

.sidebar-end {
	padding-right: var(--theme-offcanvas-width);
}

.sidebar-top {
	padding-top: var(--theme-offcanvas-height);
}

.sidebar-bottom {
	padding-bottom: var(--theme-offcanvas-height);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--theme-font-heading);
}

.bg-theme-violet {
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity, 1)) !important;
	background-color: rgba(var(--theme-violet-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theme-lightviolet {
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity, 1)) !important;
	background-color: rgba(var(--theme-lightviolet-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theme-lightgreen {
	color: rgba(var(--theme-lightviolet-rgb), var(--bs-text-opacity, 1)) !important;
	background-color: rgba(var(--theme-lightgreen-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theme-violet h1 {
	color: rgba(var(--theme-lightgreen-rgb), var(--bs-text-opacity, 1)) !important;
	letter-spacing: .25em;
}

.bg-theme-lightgreen .btn {
	color: rgba(var(--theme-lightviolet-rgb), var(--bs-text-opacity, 1)) !important;
}

.bg-theme-violet .navbar-dark,
.bg-theme-violet .navbar-dark .navbar-brand,
.bg-theme-violet .navbar-dark .nav-link {
	background-color: rgba(var(--theme-violet-rgb), var(--bs-bg-opacity, 1)) !important;
	color: rgba(var(--theme-lightgreen-rgb), var(--bs-text-opacity, 1)) !important;
}

/*.bg-theme-violet .navbar-dark .nav-link.active {
}*/

.bg-theme-lightgreen .navbar-light,
.bg-theme-lightgreen .navbar-light .navbar-brand,
.bg-theme-lightgreen .navbar-light .nav-link {
	background-color: rgba(var(--theme-lightgreen-rgb), var(--bs-bg-opacity, 1)) !important;
	color: rgba(var(--theme-lightviolet-rgb), var(--bs-text-opacity, 1)) !important;
}

.bg-theme-lightgreen .navbar-light .nav-link.active {
	color: rgba(var(--theme-violet-rgb), var(--bs-text-opacity, 1)) !important;
}

.bg-theme-violet .navbar-dark .navbar-brand {
	font-family: var(--theme-font-heading);
	letter-spacing: .25em;
	font-weight: 500;
	font-size: 2em;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600, .fw-semibold {
	font-weight: 600 !important;
}

.border-dotted-gradient-lightgreen-right {
	background-image: linear-gradient(to bottom, var(--theme-lightgreen) 30%, rgba(255, 255, 255, 0) 20%);
	background-position: right;
	background-size: 2px 20px;
	background-repeat: repeat-y;
}

.border-dotted-gradient-lightgreen-bottom {
	background-image: linear-gradient(to right, var(--theme-lightgreen) 30%, rgba(255, 255, 255, 0) 20%);
	background-position: bottom;
	background-size: 20px 2px;
	background-repeat: repeat-x;
}

.border-dotted-gradient-violet-right {
	background-image: linear-gradient(to bottom, var(--theme-violet) 30%, rgba(255, 255, 255, 0) 20%);
	background-position: right;
	background-size: 2px 20px;
	background-repeat: repeat-y;
}

.border-dotted-gradient-violet-bottom {
	background-image: linear-gradient(to right, var(--theme-violet) 30%, rgba(255, 255, 255, 0) 20%);
	background-position: bottom;
	background-size: 20px 2px;
	background-repeat: repeat-x;
}

.border-dotted-gradient-lightviolet-right {
	background-image: linear-gradient(to bottom, var(--theme-lightviolet) 30%, rgba(255, 255, 255, 0) 20%);
	background-position: right;
	background-size: 2px 20px;
	background-repeat: repeat-y;
}

.border-dotted-gradient-lightviolet-bottom {
	background-image: linear-gradient(to right, var(--theme-lightviolet) 30%, rgba(255, 255, 255, 0) 20%);
	background-position: bottom;
	background-size: 20px 2px;
	background-repeat: repeat-x;
}

.border-theme-violet {
	border-color: rgba(var(--theme-violet-rgb), var(--bs-bg-opacity, 1)) !important;
}

.border-theme-lightgreen {
	border-color: rgba(var(--theme-lightgreen-rgb), var(--bs-bg-opacity, 1)) !important;
}

.btn-close-light {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: 0.25em 0.25em;
	color: #000;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	border: 0;
	border-radius: 0.25rem;
	opacity: 0.5;
}

.arrow-top-lightgreen, .arrow-right-lightgreen, .arrow-bottom-lightgreen, .arrow-left-lightgreen {
	border: 2px solid var(--theme-lightgreen);
}

.arrow-top-lightviolet, .arrow-right-lightviolet, .arrow-bottom-lightviolet, .arrow-left-lightviolet {
	border: 2px solid var(--theme-lightviolet);
}

.arrow-left-lightgreen, .arrow-left-lightviolet {
	position: absolute;
	left: -.5rem;
	bottom: -.6rem;
	border-top: 0;
	border-right: 0;
	height: 1.25rem;
	width: 1.25rem;
	transform: rotate(45deg);
}
.arrow-right-lightgreen {
	position: absolute;
	right: -.5rem;
	bottom: -.6rem;
	border-left: 0;
	border-bottom: 0;
	height: 1.25rem;
	width: 1.25rem;
	transform: rotate(45deg);
}

.arrow-top-lightgreen, .arrow-top-lightviolet {
	position: absolute;
	right: -.6rem;
	top: -.5rem;
	border-right: 0;
	border-bottom: 0;
	height: 1.25rem;
	width: 1.25rem;
	transform: rotate(45deg);
}

.arrow-bottom-lightgreen, .arrow-bottom-lightviolet {
	position: absolute;
	right: -.6rem;
	bottom: -.5rem;
	border-top: 0;
	border-left: 0;
	height: 1.25rem;
	width: 1.25rem;
	transform: rotate(45deg);
}

.offcanvas-start, .offcanvas-end {
	width: var(--theme-offcanvas-width);
}

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

/* Animated mouse icon */

.circle-1, .circle-2 {
	animation: scroll 2s infinite linear;
	opacity:0;
}

.circle-2{
	animation-delay: 1s;
}