@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;500;700&display=swap');

html, body {
/*	font-family: 'Roboto', sans-serif; */
	height: 100%;
	font-family: 'Montserrat', sans-serif;
}

H1,H2,H3 {
	font-family: 'Montserrat', sans-serif;
}

.btn {
	display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-primary {
	background-color: black;
	border: black;
}
a.btn {
	text-decoration: none !important;
}


a {
	color: var(--primary-link-normal);
	text-decoration: none;
}
a:hover {
	transition: color 0.2s linear;
	color: black;
	text-decoration: underline;
}



/* button */
.btn-color-black, .btn-color-creme {
	border-radius: 0.2rem;
	padding: 0.5rem;
	font-size: 0.95rem;
    border-color: black;
	background-color: black;
	padding: 1rem 2rem 1rem 2rem;
	color: #FFF;
}
	.btn-color-black:hover, .btn-color-black:active, .btn-color-black:focus-visible,
	.btn-color-creme:hover, .btn-color-creme:active, .btn-color-creme:focus-visible {
		background-color: var(--safe-color-red) !important;
		border-color: var(--safe-color-red)  !important;
		text-decoration: none;
	}
	.btn-color-creme {
		background-color: var(--safe-color-creme) !important;
		color: #000;
	}
	
.btn-color-red {
	border-radius: 0.2rem;
	padding: 0.5rem;
	font-size: 0.95rem;
    border-color: var(--safe-color-red);
	background-color: var(--safe-color-red);
	padding: 1rem 2rem 1rem 2rem;
	color: #FFF;
}
	.btn-color-red:hover, .btn-color-red:active, .btn-color-red:focus-visible {
		background-color: black !important;
		border-color: black !important;
		text-decoration: none;
	}
.btn-padding-1 {
	padding: 1rem 1rem 1rem 1rem;
}