:root {
	--navbar-height:90px;
	--accent-color:rgb(178, 14, 73);
	--accent-color-lighter:rgb(202, 42, 100);
	--gradient-bg:linear-gradient(0deg, rgba(126, 0, 45, 1) 0%, rgba(226, 68, 124, 1) 100%);
	--bgcolor:#fff;
	--text-color:#000;
	--textcolor:#000;
	--overlay-color:rgba(0,0,0,0.2);

}

body, html {
	font-size:13pt;
}

nav {
	position:fixed;
	z-index:99;
	background-color:rgba(247, 221, 231, 0.9);
	width:100vw; height:var(--navbar-height);
	padding:0 10rem;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
#nav-logo {
	font-size:16px;
	font-weight:700;
}
#nav-logo img {
	height:calc(var(--navbar-height) - 10px);
	margin:5px;
}
nav > ul {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	list-style-type:none;
	margin:0; padding:0;
}
nav > ul > li {

}
nav > ul > li > a {
	display:inline-block;
	color:#000;
	padding:0 15px;
	height:var(--navbar-height);
	line-height:var(--navbar-height);
	font-size:16px;
	font-weight:700;
}

#main {
	padding:calc(var(--navbar-height) + 3rem) 6rem 6rem 6rem;
}

#headline {
	color:var(--accent-color);
	margin-top:0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
}
h1 {font-size:2.5rem;}
h2 {font-size:2.25rem;}
h3 {font-size:2rem;}
h4 {font-size:1.75rem;}
h5 {font-size:1.5rem;}
h6 {font-size:1.25rem;}

a {color:var(--accent-color);}

button, .btn, .btn-primary {
	background-color:var(--accent-color);
	color:#fff;
	border:none;
	border-radius:5px;
	height:40px;
	transition:0.2s ease-in-out;
	font-size:15px;
	padding:0 15px;
}
button:hover, .btn:hover, .btn-primary:hover {
	background-color:var(--accent-color-lighter);
}
input {
	border:1px solid #aaa;
}