@charset "UTF-8";

@font-face {
	font-family: "Poppins Regular";
	src: url("/res/fonts/Poppins-Regular.ttf");
}

@font-face {
	font-family: "Poppins Bold";
	src: url("/res/fonts/Poppins-Bold.ttf");
}

:root {
	--primary-color: #043d8a;
	--secondary-color: #606060;
	--light-color: #f2f2f2;
	--lighter-color: #ffffff;
	--dark-color: #000000;

	--blurred-primary-color: #043d8acc;

	--primary-font: "Poppins Regular";
	--bold-font: "Poppins Bold";
	--company-colored-font: #043d8a;
	--dark-font-color: #000000;
	--light-font-color: #9c9c9c;
	--lighter-font-color: #ffffff;

	--scrollbar-track-color: #e8eaf6;
	--scrollbar-thumb-color: #000000;
	--scrollbar-thumb-hover-color: #3a3a3a;

	--scrollbar-width-pc: 12px;
	--scrollbar-width-mb: 3px;
}

::-webkit-scrollbar {
	width: var(--scrollbar-width-pc);
}

::-webkit-scrollbar-track {
	background: var(--scrollbar-track-color);
}

::-webkit-scrollbar-thumb {
	background: var(--scrollbar-thumb-color);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--scrollbar-thumb-hover-color);
}

.pointer {
	cursor: pointer;
}

body {
	margin: 0;
	display: flex;
	background-color: var(--light-color);
	/* height: 100vh;
	width: 100vw; */
}

img {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

* {
	font-family: var(--primary-font);
	font-size: 1em;
	color: var(--dark-font-color);

	box-sizing: border-box;
}