@font-face { /* Pixelschrift für mehr Nostalgie */
	font-family: 'GameSchrift' ;
	src: url('../style/Silkscreen/slkscr.ttf') ;
}

body{
	margin: 0 ;
	padding: 0 ;
	
	font-family: Helvetica, Calibri, sans-serif ;
	color: #f0f0f0 ;
	background-color: #404040 ;
	
	height: 100vh ;
	
}

header{ /*Formatierung des headers */
	background-color: #808080 ;
	background: linear-gradient(to right, #800080 35%, #404040 45%, #404040 55%, #008000 65%) ;
	align-items: center ;
	border-radius: 0 0 1.5em 1.5em ;
	
	& a {
		text-decoration: none ;
	}
	
}

h1{ /* NostalGames */
	width: 10em ;
	margin: 0 auto ;
	text-align: center ;
	padding: 0.5em ;
}

.logo{ /* Formatierung des logos links oben */
	float: left ;
	min-width: 5.0em ;
	max-width: 5.2em ;
	margin: auto 0 auto 1em ;
	text-decoration: none ;
}

/* Foramtierungen des Namens "NostalGames" mit Pixelschrift für mehr Nostalgie */
.logo_name{
	font-family: GameSchrift ;
	color: #404040 ;
	text-shadow: 0px 0px 5px #ffffff ;
	font-size: 2rem ;
	font-weight: bold ;
}
.logo_firstLetter {
	color: #800080 ;
	font-size: 3rem ;
}
.logo_secondLetter {
	color: #008000 ;
	font-size: 3rem ;
}

/* Formatierung des footers */
footer {
	display: flex ;
	position: relative ;
	flex-direction: column ;
	justify-content: center ;
	background-color: #303030 ;
	margin: 0 ;
	margin-top: 0em ;
	
	
	top: 4.4vh ;
	
	height: 4em ;
	
	& p{
		background-image: linear-gradient(to right, #800080 47%, #008000 67%);
		color: transparent;
		background-clip: text;				
	
		margin: 0 auto ;
		display: block ;
		
		
	}
	
}

@media screen and ( min-width: 775px )	{ /* Anppasung der Logo-Formatierung, weil es sonst für unerwünschte Ergenisse sorgt */
	.logo {
		margin: auto 0 auto 10em ;
	}
}
@media screen and ( min-width: 320px ) and (max-width: 1279px)	{ /* Anppasung von Logo & header für mobil */
	header {	
		background: linear-gradient(to right, #800080 28%, #404040 45%, #404040 55%, #008000 73%) ;
	
		& h1 {
			margin-bottom: 0.375em ;
		}
	}
	
	
	
	.logo {
		margin: 0 ;
		max-width: 1em ;
	}
	.logo_name {
		font-size: 1.5rem ;
	}
	.logo_firstLetter, .logo_secondLetter {
		font-size: 2.25rem ;
	}
}