:root {
	/* Color */
	/* --primary: #ff00f8;
	--secondary: #f8ff00;
	--tertiary: #00f8ff; */

	/* --primary: #6d00ff;
	--secondary: #ed00ff;
	--tertiary: #0012ff; */

	/* ** */
	/* --primary: #6d00ff;
	--secondary: #ff6d00;
	--tertiary: #00ff6d; */

	/* --primary: #ad00ff;
	--secondary: #ffad00;
	--tertiary: #00ffad; */

	--primary: #111119;
	--secondary: #ffffff;
	--tertiary: #00ff95;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/poppins/Poppins-Regular.ttf') format('woff2');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/fonts/poppins/Poppins-Medium.ttf') format('woff2');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/fonts/poppins/Poppins-Bold.ttf') format('woff2');
}

@font-face {
	font-family: 'Source Code Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/source-code-pro/SourceCodePro-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Source Code Pro';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/fonts/source-code-pro/SourceCodePro-Bold.woff2') format('woff2');
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
}

html,
body {
	height: 100%;
}

body {
	font-family: 'Source Code Pro';
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}