@import url("/fonts/Ruberoid-Regular.css");
@import url("/fonts/Ruberoid-BoldOblique.css");

:root {
  --primary-color: hsla(137, 80%, 50%, 1);
  --primary-color-shade: #FF46B4;
}

html, body {
	font-family: 'ruberoid_regular', sans-serif;
	font-size: 1.5rem;
}

a {
	font-family: 'ruberoid_bold_oblique';
	cursor: url(../i/arrow-r.svg) 40 15, auto;
	color: black;
	/*color: var(--primary-color);*/
}

.link {
	font-family: 'ruberoid_bold_oblique';
}

p.proj a {
	margin-right: 0.5rem;
}

a:hover {
	color: var(--primary-color);
}

.btn, button.main {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	background-color: none;
	border-radius: 0;
	font-size: 1.5rem;
	padding: 0.2rem 1.2rem 0.4rem;
}

.btn:hover, button.main:hover {
	border: 1px solid black;
	background-color: black;
}


.arrow {
	position: absolute;
	margin:0.25em 0 0 -2em;

}








/*MOBILE*/
@media (max-width: 767.98px){

html, body {
	font-family: 'ruberoid_regular', sans-serif;
	font-size: 1.25em;
}

}