@charset "utf-8";
body{
	background-color: #1D5AC3;
	font-family: arial;
}
.header{ 
	grid-area: header;
	padding: 10px;
	background-color: pink;
	color: white;
	border-bottom: 1px black solid;
	text-align: center;
	 }
.aside{ 
	grid-area: aside;
	background-color: #19e812;
	width: 200px;
	border-right: 1px black solid;
	height: 600px;
	 }
.article{ 
	grid-area: article;
	background-color: lightblue;
	padding: 10px;
	 }
.ad{ 
	grid-area: ad;
	background-color: yellow;
	width: 200px;
	text-align: center; 
	border-left: 1px black solid;
	}
.footer{ 
	grid-area: footer;
	background-color: darkgrey;
	text-align: center;
	border-top: 1px black solid;
	 }
.grid-container{
	display: grid;
	grid-template-areas: 
	"header header ad"
	"aside article ad" 
	"footer footer footer";
	grid-gap: 0px;
	width: 800px;
	border:1px black solid;
	margin: auto;
}
.reklam{
	background-color: white;
	border: 1px red solid;
	text-align: center;
	margin: 20px;
}
img{
	border: 1px black solid;
}
nav{
	background-color: white;
	margin:20px;
	border: 1px black solid;
	padding: 5px;
}
.fot{
	font-size: 30px;
}
a{
	text-decoration: none;
	color: blue;
}
.bold{
	font-weight: bold;
}