/*Discord colors:
	white;
	standard font-color: #DCDDDE;
	dark-gray: #2c2f33;
	light-gray: #99aab5;
*/

@charset "utf-8";

h1 {
	margin-left: 10%;
	text-decoration: none;
    }
/*@media (min-width: 1500px) {	
	.container {
		display: grid; 
		grid-template-columns: /*2fr 1fr 100%; 
		grid-template-rows: 60px 1fr 60px; 
		/*gap: 10px 10px; 
		grid-template-areas: 
		"header"
		"content"/* sidebar"
		"footer"/* footer";
		max-width: 1400px;
		height: 100vh;
		
		margin:0 auto;
	}
}
@media (max-width: 1499px) {*/	
	.container {
		display: grid; 
		grid-template-columns: /*2fr 1fr*/ 100%; 
		grid-template-rows: 60px 1fr 60px; 
		/*gap: 10px 10px*/; 
		grid-template-areas: 
		"header"
		"content"/* sidebar"*/
		"footer"/* footer"*/;
		max-width: 1200px;
		height: 100vh;
		min-width: 222px;
		margin:0 auto;
	}
/*}*/
.redirect {
	background-color: black;
	color: #DCDDDE;
	cursor: pointer;
	border: none;
	text-align: center;
	outline: none;
	
	
}

.img_link {
	background-color: #2c2f33;
	color: #DCDDDE;
	cursor: pointer;
	border: none;
	text-align: center;
	outline: none;
	color: #99aab5;
	text-decoration: underline;

}


.header {
	grid-area: header;
	background-color: black;
}
.footer {
	grid-area: footer;
	background-color: black;
	text-align: center;
}
.sidebar {
	grid-area: sidebar;
	background-color: green;
}
.content {
	grid-area: content;
	background-color: #2c2f33;
	color: #DCDDDE;
}

/*Standardbild*/
.image {
	display: block;
	width: 80%;
	height: auto;
	/*position: center;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
text {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

body {
	margin: 0px;
}

a {
	color: #99aab5;
}

h3 {
	margin: 0px;
}