body {
	margin:0;
	padding: 0;
	font-family: Arial, sans-serif;
}

.image {
	background-image: url('http://kalipso.math.uoi.gr/~skontog/Ergasthria/Erg3/img_tree.png');
	background-repeat:  no-repeat;
	background-size: cover;
	background-position: center center;
	width:100vw;
	height: 100vh;
	min-height: 500px;
	display: flex;
	justify-content:center;
	align-items:center;
}



.mbody {
	width:80%;
	max-width:600px;
	background-color:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
	padding: 20px;
	border-radius: 10px;
	text-align:center;
}
#header {
	background-color:#3f8f8b;
	color: white;
	padding: 10px 0;
	margin: -20px -20px 20px -20px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;

}
#header h2 {
	margin:0;
	font-size:1.5em;
}

.content {
	text-align: left;
	line-height: 1.6;
	color: #333;
	}

.content p{
	margin-bottom:0;
}



.content a {
	color:#007bff;
	text-decoration:none;
	font-weight:bold;
}
.content a:hover {
	text-decoration: underline;
	}