@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,500;0,700;1,500&display=swap');

body {
	font-size: 13px;
	font-family: 'Barlow', sans-serif;
	font-weight:500;
}

.has-white-color { color:#fefefe; }
.has-white-background-color { background:#fefefe; }
.has-purple-color { color:#891184; }
.has-purple-background-color { background:#891184; }
.has-grape-color { color:#622e93; }
.has-grape-background-color { background:#622e93; }
.has-yellow-color { color:#cbe72f; }
.has-yellow-background-color { background:#cbe72f; }
.has-black-color { color:#000; }
.has-black-background-color { background:#000; }

h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.25rem; }

#content {
	padding:2rem;
}

.menu {
	font-size: 0.825rem;
	background:#891184;
}

.menu.submenu {
	background:#000;
}

.menu li a {
	background:#891184;
	color:#fff;
	padding: 0.5rem;
}

.menu li a:hover {
	background:#622e93;
	color: #fff;
}

.menu.submenu li a {
	background:#000;
	color:#fff;
	padding: 0.5rem;
}

.menu.submenu li a:hover {
	background:#622e93;
	color: #fff;
}