html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

@font-face {
    font-family: 'Josephin';
    src: local('Josephin'),
    url(./assets/Josephin.ttf) format('truetype');
}

* {
    font-family: 'Josephin', sans-serif !important;
    --color-black : #0d0d0d;
    --color-white : #ffffff;
    --color-grey : #999999;
	--color-grey-light: #efefefff;
    --color-primary : #3c78d8;
    --color-secondary: #f6b26b;
    --color-error : #dc3545;
}

body {
	color: var(--color-black);
	margin: 0;
	box-sizing: border-box;
	overflow-x: hidden;
}

/* width */
::-webkit-scrollbar {
	width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
	background: var(--color-grey-light);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--color-grey);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--color-secondary);
}