* {
	cursor: none;
}

:root {
	--primary-grey: #434544;
	--primary-black: #2a2630;
	--primary-white: #f3f3f3;
	--primary-green: #5ee9bf;
	--primary-blue: #2f69ff;
	--primary-violet: #6360ff;
	--primary-pink: #a16ae8;

	--minor-violet: #b19ff9;
	--minor-pink: #db55d4;
	--minor-dark-pink: #b537b5;
	--minor-blue: #2105d0;
	--minor-red: #bb0310;
	--minor-black: #16141a;
}

iframe {
	border: 0;
}

body {
	background-color: var(--primary-white);
	overflow: hidden;
	margin: 0;
}

.dark {
	background-color: var(--primary-black);
	color: var(--primary-white);
}

.dark li input {
	background-color: var(--primary-black) !important;
	color: var(--primary-white) !important;
}

.dark input::placeholder {
	color: var(--primary-white) !important;
}

.dark #Flat,
.dark #radio {
	fill: var(--primary-white);
}

.dark .MuiInput-input {
	color: var(--primary-white) !important;
}

.dark span,
.dark label {
	color: var(--primary-white) !important;
}

.dark svg path {
	stroke: var(--primary-white) !important;
}

.dark .player svg path,
.dark #radio {
	stroke: transparent !important;
}

.dark .burgerItems span {
	background-color: var(--primary-white);
}

.dark .burgerItems {
	background-color: var(--primary-black);
}

#innerCircle {
	width: 95%;
	height: 95%;
	z-index: 1;
	border-radius: 50%;
	background-color: var(--primary-white);
	filter: blur(5px);
}

.dark #innerCircle {
	background-color: var(--primary-black);
}

@media screen and (max-width: 479px) {
	#customCursor {
		display: none;
	}
}
