@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");

body {
	font-family: "Open Sans", serif;
	background-color: var(--clr-primary);
	color: white;
	font-size: 14px;
}

a {
	color: white;
}

h1 {
	margin-top: .5rem;
	margin-bottom: 1rem;
}

.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-green,
.btn-danger {
	background-color: var(--clr-primary);
	padding: .5rem;
	text-decoration: none;
	cursor: pointer;
	border-radius: var(--border-radious);
	border: var(--borderWidth-thin) solid var(--clr-border);
}

.btn-secondary {
	background-color: var(--clr-secondary);
}

.btn-tertiary {
	background-color: var(--clr-tertiary);
}

.btn-green {
	background-color: var(--clr-green);
}

.btn-danger {
	background-color: var(--clr-danger-muted);
	border: var(--borderWidth-thin) solid var(--clr-border-danger);
}