:root {
	--clr-bg-primary: #f9fbff;
	--clr-bg-secondary: #edf4fe;

	--clr-text-primary: #000056;
	--clr-text-secondary: #999bab;
    
	--clr-white-900: #ffffff;
	--clr-white-800: #fbffff;
	--clr-white-750: #fbffffd8;

	--clr-blue-600: #4f7bf7;
	--clr-blue-500: #7394f9;
	--clr-blue-400: #c1d2fd;
	--clr-blue-300: #ebf1fd;

    --fs-xxsmall: 0.7rem;
    --fs-xsmall: 0.8rem;
    --fs-small: 0.9rem;
    --fs-normal: 1rem;
    --fs-normal-600: 1.2rem;
    --fs-large: 2rem;
    --fs-xlarge: 3rem;
    --fs-xxlarge: 4rem;
}

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

ul {
	list-style: none;
}

button {
	outline: none;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

a {
	color: inherit;
	text-decoration: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}