@import url(/fonts/fonts.css);

:root {
	/* Colors */
	--brand-1: #0092b2;
	--brand-2: #00acaa;
	--black: #0d0d0d;
	--black-transparent: rgba(13, 13, 13, 0.2);
	--black-paragraph: #3d3d3d;
	--white: #ffffff;
	--white-transparent: rgba(255, 255, 255, 0.2);
	--gray-1: #bebebe;
	--gray-2: #eaeaea;
	--error: #ed3964;

	/* Font weights */
	--bold: 700;
	--semi-bold: 600;
	--medium: 500;
	--normal: 400;

	/* Fonts */
	--main-font: 'Basier Square', Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	font-family: var(--main-font);
	color: var(--black);
}

html {
	scroll-behavior: smooth;
}

* {
	box-sizing: border-box;
}

a {
	transition: color 0.3s;
}

a:hover {
	color: var(--brand-2);
}