html{
	height:100%;
	font-family: "Arial", "helvetica", sans-serif;
}
body{
	background-repeat:no-repeat;
	background:black;
	height:100%;
	color:white;
}

a{
	cursor:pointer;
	text-decoration: inherit;
	color:white;
}



header h1 a{
	text-decoration: inherit;
	font-size: 3em;
}

header h1 a #v{ color: red;}
header h1 a #v:hover{ color: DarkRed;}
header h1 a #f{ color: blue;}
header h1 a #f:hover{ color: DarkBlue;}
header h1 a #q{ color: yellow;}
header h1 a #q:hover{ color: DarkKhaki;}
header h1 a #m{ color: LawnGreen;}
header h1 a #m:hover{ color: DarkGreen;}

header{
	display:flex;
	flex-direction:row;
	align-items:center;
}

nav{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	gap:0.5em;
	font-size:2.5em;
}


.window {
	display:flex;
	flex-direction:row;
	width:100%;
}

.window a:hover{
	color:#D6D6D6;
	text-decoration: underline;
}

.window p{
	font-size:1.8em;
}

.window .row{
	display:flex;
	flex-direction:column;
}

.window .row h2{
	font-size:x-large;
}

.window-post .row .subtitle{
	font-size:xx-large;
}

.window .row .window-post {
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.window .row .window-post a{
	width:100%;
	font-size:x-large;
	color: #0000EE;
	margin-bottom:0.5em;
}


.window img{
	width:38%;
}