/**********     **********/
/*         FONTS         */
/**********     **********/
@font-face {
	font-family: 'Barlow Condensed';
	src: url(../assets/fonts/BarlowCondensed-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Inter';
	src: url(../assets/fonts/Inter-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto Mono';
	src: url(../assets/fonts/RobotoMono-Regular.ttf) format('truetype');
}

/**********     **********/
/*         RESET         */
/**********     **********/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/**********         **********/
/*         VARIABLES         */
/**********         **********/
:root{
	/* Colors */
	--color-bg: #050509;
	--color-text: #fff;
	--color-muted: #6b7075;

	/* Diffictulties */
	--color-debutant: #4caf50;
	--color-inter: #2196f3;
	--color-expert: #e63946;

	/* Ranking */
	--color-gold: #ffd700;
	--color-silver: #c0c0c0;
	--color-bronze: #cd7f32;

	/* Fonts */
	--font-condensed: 'Barlow Condensed', sans-serif;
	--font-sans: 'Inter', sans-serif;
	--font-mono: 'Roboto Mono', monospace;
}