@font-face {
	font-family: "Source Sans Pro"; 
	src: url(SourceSansPro-Regular.otf);
}

@font-face {
	font-family: "EBGaramond"; 
	src: url(EBGaramond-Bold.ttf);
}

body {
	background-image: url(cover.png);
	background-size: cover;
	background-color: #333333;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.layout {
	display: grid;
	width: 800px;
	grid-template-rows: 3;
	margin: auto;
	font-family: "Source Sans Pro";
}

.headerimg {
	grid-row: 1;
	width: 800px;
	background-color: #FFFFFF;
	margin: auto;
	text-align: center;
}

.bar {
	grid-row: 2;
	display: flex;
	width: 800px;
	justify-content: space-between;
	margin-bottom: 0px;
}

.github {
	justify-self: left;
	width: 266px;
	text-align: start;
}

.version {
	justify-self: center;
	text-align: center;
	width: 267px;
}

.author {
	justify-self: right;
	width: 266px;
	text-align: end;
}

#column {
	grid-row: 3;
	display: flex;
	width: 800px;
}

#column div {
	flex: 1;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: none;
}

.argument {
	max-width: 100%;
	background-color: #FFFFFF;
}

.header {
	font-family: "EBGaramond"; 
	font-size: 18px;	
}

.whitebg {
	font-family: "Source Sans Pro";
	background-color: #FFFFFF;
}

.inputcenter {
	text-align: center;
}

.text {
	
}

#error {
	font-family: "EBGaramond"; 
	font-size: 18px;
	color:	#FF0000;
	background-color: #FFFFFF;
}

#valid {
	font-family: "EBGaramond"; 
	font-size: 18px;
	color:	#009900;
	display: flex;
	background-color: #FFFFFF;
}


input[type=button], input[type=file], input[type=submit] {
	font-family: "Source Sans Pro";
}

select {
	font-family: "Source Sans Pro";
}