*{
	font-family: Arial, Helvetica, sans-serif;
}

html{
	height: 100%;
	margin: 0;
}

body{
	/* The image used */
	background-image: url("background_floor_time.jpg");

	/* Full height */
	height: 100%;
	margin: 0;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
h2{
	color: #467646;
}
h2 a{
	color: #467646;
}
h3{
	color: #769976;
}


/* Style the header */
.header{
	background: rgba(64, 64, 64, 0.85);
	color: #afafaf;
	backdrop-filter: blur(5px);
	padding: 20px;
	margin: 12px;
	border-radius: 12px;
	text-align: center;
	text-decoration-line: underline;
}

/* Style the top navigation bar */
.topnav{
	background: rgba(64, 64, 64, 0.85);
	overflow: hidden;
	margin: 12px;
	border-radius: 12px;
	backdrop-filter: blur(5px);
	font-size: 20px;
}

/* Style the topnav links */
.topnav a{
	float: left;
	display: block;
	color: #7f7fff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	text-decoration-line: underline;
}

/* Change color on hover */
.topnav a:hover{
	background-color: #7f7fff;
	color: black;
}
.backnav{
	background: rgba(64, 64, 64, 0.85);
        overflow: hidden;
        margin: 12px;
        border-radius: 12px;
        backdrop-filter: blur(5px);
        font-size: 20px;
}
.backnav a{
        float: left;
        display: block;
        color: #ff7f7f;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        text-decoration-line: underline;
}
.backnav a:hover{
        background-color: #ff7f7f;
        color: black;
}

.content{
	background: rgba(64, 64, 64, 0.85);
	color: #afafaf;
	backdrop-filter: blur(5px);
	margin: 12px;
	padding: 12px;
        border-radius: 12px;
	font-size: 20px;
}