/**---Imports----------------------*/

/**---Reset------------------------*/
html, body {scroll-behavior: smooth;}
*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}
a, a:hover, a:visited, a:focus, a:active {text-decoration: none;box-sizing: border-box;}
button, button:hover, button:visited, button:focus, button:active {border: none;outline: none;cursor: pointer;background-color: transparent;}
textarea {resize: none;}
button img, a *, button * {pointer-events: none;}

/**---Fonts------------------------*/
@font-face {
	font-family: 'SuisseIntl-Regular';
	font-weight: normal;
	src:  url('../fonts/SuisseInternational/SuisseIntl-Regular-WebXL.woff') format("woff"),
		url('../fonts/SuisseInternational/SuisseIntl-Regular-WebXL.woff2') format("woff2"),
}

@font-face {
	font-family: 'SuisseIntl-Medium';
	font-weight: normal;
	src:  url('../fonts/SuisseInternational/SuisseIntl-Medium-WebXL.woff') format("woff"),
		url('../fonts/SuisseInternational/SuisseIntl-Medium-WebXL.woff2') format("woff2"),
}

@font-face {
	font-family: 'TheRomanEdition-Regular';
	font-weight: normal;
	src: url('../fonts/TheRomanEdition/SLTFTheRomanEdition-Regular.woff') format("woff"),
	url('../fonts/TheRomanEdition/SLTFTheRomanEdition-Regular.woff2') format("woff2"),
}

@font-face {
	font-family: 'TheRomanEdition-Italic';
	font-weight: normal;
	src: url('../fonts/TheRomanEdition/SLTFTheRomanEdition-Italic.woff') format("woff"),
	url('../fonts/TheRomanEdition/SLTFTheRomanEdition-Italic.woff2') format("woff2"),
}

/**---Root's variables------------------------*/
:root {
	--primary-color: hsl(270, 100%, 50%);
	--secondary-color: hsl(270, 100%, 50%);

  	--mid-grey: #dcdcdc;
  	--light-grey: hsl(0, 0%, 97%);

	--link-color: rgb(111, 130, 174);

 	--light-green: hsl(105, 100%, 98%);

}