html,
body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif
}

@media (max-width:576px) {
	html {
		font-size: 110%
	}
}

@font-face {
	font-family: "Nulshock bd";
	src: url("/webfonts/nulshock bd.ttf")
}

@font-face {
	font-family: "Simple Nathalie";
	src: url("/webfonts/Simple Nathalie.otf")
}

@font-face {
	font-family: "cfont";
	src: url("/webfonts/cfont.otf")
}

body.light-theme {}

body.dark-theme {
	--bg-color1: rgb(9, 10, 19);
	--bg-color2: rgb(15, 16, 25);
	--bg-color3: rgb(21, 22, 31);
	--color-text-main: rgb(245, 245, 245);
	--color-text-muted: rgb(150, 150, 150);
	--border-color: rgba(85, 80, 97, .6);
	--box-shadow: 0 15px 20px rgba(0, 0, 0, .35), 0 0 45px rgba(75, 80, 140, .1);
	--bg-gradient-primary: radial-gradient(circle at center top, rgba(99, 91, 255, .4) 0%, transparent 45%);
	--bg-gradient-success: radial-gradient(circle at center top, rgba(91, 255, 127, .616) 0%, transparent 45%);
	--bg-gradient-warning: radial-gradient(circle at center top, rgba(255, 221, 109, .836) 0%, transparent 45%);
	--bg-gradient-secondary: radial-gradient(circle at center top, rgba(167, 64, 236, .436) 0%, transparent 45%);
	--bg-gradient-danger: radial-gradient(circle at center top, rgba(220, 76, 100, .436) 0%, transparent 45%);
	--bg-gradient-amber: radial-gradient(circle at center top, rgba(255, 215, 64, .436) 0%, transparent 45%);
	--bg-gradient-teal: radial-gradient(circle at center top, rgba(24, 255, 255, .436) 0%, transparent 45%);
	--bg-gradient-orange: radial-gradient(circle at center top, rgba(255, 112, 67, .436) 0%, transparent 45%);
	--bg-gradient-lightgreen: radial-gradient(circle at center top, rgba(118, 255, 3, .436) 0%, transparent 45%);
	--bg-gradient-purple: radial-gradient(circle at center top, rgba(245, 0, 87, .436) 0%, transparent 45%);
	--border-gradient-primary: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(99, 91, 255) 40%, rgb(99, 91, 255) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-success: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(91, 255, 127) 40%, rgb(91, 255, 127) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-warning: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(255, 221, 109) 40%, rgb(255, 221, 109) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-danger: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(236, 64, 122) 40%, rgb(236, 64, 122) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-secondary: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(167, 64, 236) 40%, rgb(167, 64, 236) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-amber: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(255, 215, 64) 40%, rgb(255, 215, 64) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-teal: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(24, 255, 255) 40%, rgb(24, 255, 255) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-orange: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(255, 112, 67) 40%, rgb(255, 112, 67) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-lightgreen: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(118, 255, 3) 40%, rgb(118, 255, 3) 60%, rgba(255, 99, 8, 0) 100%);
	--border-gradient-purple: linear-gradient(90deg, rgba(177, 80, 24, 0) 0%, rgb(245, 0, 87) 40%, rgb(245, 0, 87) 60%, rgba(255, 99, 8, 0) 100%)
}

body {
	background-color: var(--bg-color1);
	color: var(--color-text-main1);
	transition: background-color .3s ease, color .3s ease
}

.c-bg1 {
	background-color: var(--bg-color1)
}

.c-bg2 {
	background-color: var(--bg-color2) !important
}

.c-bg3 {
	background-color: var(--bg-color3) !important
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
p,
small,
span,
a,
.nav-link,
a:hover,
a:active,
.nav-link:hover,
.nav-link:active,
li {
	color: var(--color-text-main)
}

.nav-item .nav-link {
	padding: 8px;
	border-radius: 15px;
	background: var(--bg-color2) !important
}

.c-text-main,
.c-text-main:hover,
.c-text-main:active {
	color: var(--color-text-main)
}

.c-text-muted,
.c-text-muted:hover,
.c-text-muted:active {
	color: var(--color-text-muted)
}

.tooltip-inner {
	background-color: var(--bg-color3);
	color: var(--color-text-main);
	font-size: .8rem;
	padding: 6px 10px;
	border-radius: 8px
}

.c-box-shadow {
	box-shadow: var(--box-shadow)
}

.c-bg-gradient-primary {
	background: var(--bg-gradient-primary)
}

.c-bg-gradient-success {
	background: var(--bg-gradient-success)
}

.c-bg-gradient-warning {
	background: var(--bg-gradient-warning)
}

.c-bg-gradient-secondary {
	background: var(--bg-gradient-secondary)
}

.c-bg-gradient-danger {
	background: var(--bg-gradient-danger)
}

.c-bg-gradient-amber {
	background: var(--bg-gradient-amber)
}

.c-bg-gradient-teal {
	background: var(--bg-gradient-teal)
}

.c-bg-gradient-orange {
	background: var(--bg-gradient-orange)
}

.c-bg-gradient-lightgreen {
	background: var(--bg-gradient-lightgreen)
}

.c-bg-gradient-purple {
	background: var(--bg-gradient-purple)
}

.c-border-gradient-primary {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-primary);
	top: 0;
	left: 0
}

.c-border-gradient-success {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-success);
	top: 0;
	left: 0
}

.c-border-gradient-warning {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-warning);
	top: 0;
	left: 0
}

.c-border-gradient-danger {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-danger);
	top: 0;
	left: 0
}

.c-border-gradient-secondary {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-secondary);
	top: 0;
	left: 0
}

.c-border-gradient-amber {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-amber);
	top: 0;
	left: 0
}

.c-border-gradient-teal {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-teal);
	top: 0;
	left: 0
}

.c-border-gradient-orange {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-orange);
	top: 0;
	left: 0
}

.c-border-gradient-lightgreen {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-lightgreen);
	top: 0;
	left: 0
}

.c-border-gradient-purple {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: var(--border-gradient-purple);
	top: 0;
	left: 0
}