@charset "utf-8";
/* CSS Document */
body {
	margin: 60px;
	padding: 0;
	background-color: #300000;
}
a:link{
	color:#F9F017;
}
a:visited{
	color:#F9F017;
}
.colors a {
	color: #F9F017;
}
.header {
	display: grid;
	width: 98%;
    grid-area: header;
    background-color: #300000;
    color: #F4F0B9;
    
}
.wrapper{
	width: 94%;
	margin:50px;
	display: grid;
	grid-template-columns: repeat(2, minmax(400px,1fr));
	grid-gap: 20px;
	/*grid-template-columns: 5% 40% 10% 40% 5%;
	grid-template-rows: minmax(40px max-content);
	grid-template-areas: 
		". header header header ."
		". imgcard . imgcard ."
		". imgcard . imgcard ."
		". desription . description ." 
		". footer footer footer footer .";
	grid-gap: 4px 10px;*/
	background-color: #300000;
	color: #F4F0B9;
	font-weight: 100;
	
}
/*.container{
	width: 94%;
	margin:50px;
	display: grid;
	grid-template-columns: repeat(2, minmax(400px,1fr));
	grid-gap: 20px;
	background-color: #858585;
	color: #F4F0B9;
	font-weight: 100;
}*/
.imgcard {
	background-color: #300000;
	padding: 10px;
	color: #F4F0B9;
	display: grid;
	grid-template-columns: 300px 1fr;
    grid-gap: 8px;
	color: #F4F0B9;
    font-family: cuprum;
    font-style: normal;
    font-weight: 0.8em;
}
.title{
	grid-column: span 2;
	color: #F4F0B9;
}
.picture{
	width: 100%;
}
.pictureh{
	grid-column: span 2;
	width: 100%;
}
.description{
    width: 65%;
    padding: 6px;
    border: #27311B;
    border-style: solid;
    border-width: 1.5px;
	color: #F4F0B9;
    font-family: cuprum;
    font-style: normal;
    font-weight: 0.8em;
}
.descriptionh{
    grid-column: span 2;
    width: 100%;
    padding: 6px;
    border: #27311B;
    border-style: solid;
    border-width: 1.5px;
	color: #F4F0B9;
    font-family: cuprum;
    font-style: normal;
    font-weight: 200;
	letter-spacing: 3px;
}
.footer {
    grid-area: footer;
    background-color: #300000;
    color: #F5EF91;
    text-align: center;
}