/* 
 *
 * primary color: orange #F0AD4C 
 * background color: dark orange #A07433
 * text color: white with orange hint #492C00
 * box color: a bit darker than background #D29843
 *
 *
 *
 * */
:root{
	--background: #282828; /*Background color ////hsl(12, 95%, 60%);*/
	--text: #d5d7f7;/*hsl(35, 95%, 60%);*/
	--background-dark: #080808;/*(hsl(180, 95%, 10%);*/
}

::selection {
	color: var(--background);
	background: var(--text);
}

a {
	color: var(--text);
	background-color: var(--background);
	text-decoration: none;
}


body {
	background-color: var(--background); /* #181818; /*hsl(36, 52%, 41%);*/
	color: var(--text); /*hsl(36, 100%, 14%); */
	padding-bottom: 5%;
	/*font-family: "Comic Sans MS","Comic Sans";*/
}

h2, h1 {
	color: var(--text);
}

.header {
	/*background: url(./images/bee_tree.png) no-repeat center center;
	background-size: cover;
	height: 400px;*/
	text-align: center; 
	color: 	black;
}


.menubar {
	background-color: var(--background);
	height: 120px;
	line-height: 120px;
	font-family: "Comic Sans MS","Comic Sans";
}


.menubar a {
	padding: 30px 60px;
	background-color: var(--text);
	color: var(--background-dark);
	margin: 0px 5px 20px 5px;
	border-radius: 10px;
	border: 2px solid var(--background-dark);
	text-decoration: none;
	transition: .5s;
}


.menubar a:hover {
	background-color: var(--background);
	color: var(--text);
	border: 2px solid var(--text);
}

.head img {
	width: 300px;
	height: 200px;
}



.announcement {
	background-color: var(--background);
	border-radius: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	box-shadow: 5px 5px hsl(35, 55%, 46%);
}

.announcement * {
	margin: 10px;
}

.announcement p {
}

.center {
	text-align: center;
}

.announcement .date {
	color: hsl(0, 0%, 20%);
}