@font-face {
    font-family: 'AngelineVintage'; 
    src: url('../fonts/Angeline Vintage_Demo.otf') format('opentype'),
         url('../fonts/Angeline Vintage_Demo.ttf') format('truetype'); 
}	
@font-face{ 
  	font-family: 'Holy Nativity';
	src: url('../fonts/Holy Nativity.otf') format('opentype'),
         url('../fonts/Holy Nativity.ttf') format('truetype');
}
body{
	background-color: rgb(204, 191, 234);
    font-size: 50px;
  	padding-top: 0;
  	padding-left: 0;
  	padding-right: 0;
  	padding-bottom: 100px;
  	margin: 0;
  	color: black;
}

.nav_bar {
  	position: sticky;
  	width:100%;
  	text-decoration: none;
    z-index: 1000;
}

.Duckcrafts {
	font-size : 130px;
    font-family: 'AngelineVintage';
    text-align: center; 
    color: black;
  	margin-top: -70px;
	background-color: rgb(154, 138, 189);
  	width: 100%;
}


.logo_duckcrafts{
    position:absolute;
    left: 70px;
  	top: -40px;
}

h3 {
    text-align: center;
    font-size: 30px;
    color: black;
  	font-family: 'Holy Nativity';
  	padding-bottom: 40px;
  	margin-top: -70px;
  	margin-bottom: 0px;
}

h6 {
	padding: 0px;
  	margin: 20px;
  	font-size: 70px;
    font-family: 'Holy Nativity';
    text-align: center; 
  	color: rgb(80, 84, 112);
}

.nex_exhibitions {
    font-family: 'AngelineVintage';
    text-align: center; 
  	color: rgb(80, 84, 112);
  	font-size: 70px;
  	padding: 30px 0px;
  	margin: -50px 0px;
}

.recent_art a:link {
	color:rgb(229, 221, 247);
}

.recent_art a:visited {
	color:rgb(229, 221, 247);
}

.recent_art a:hover {
	color:rgb(235, 244, 215);
}

.recent_art a:active {
	color:rgb(180, 147, 255);
}


hr {
  	margin: 100px;
  	border-style: dotted;
  	border-color: rgb(133, 109, 157);
}

h8 {
  	display: block;
  	text-align: center;
  	font-size: 170px;
  	font-family: 'AngelineVintage';
  	color: rgb(118, 94, 133);
  	padding: 40px -100px;
  	margin: -190px 0px;
}


.recent_art{
  	margin-top: 170px;
  	margin-left: 0px;
	display: grid;
  	grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
  		"poster Xmascard"
       "image_poster image_redpanda";
    place-items: center;
    gap: 20px 2em;
}

.image_poster {
	max-width: 100%;
  	align-self: start;
  	margin: 20px;
}

.image_redpanda {
	max-width: 100%;
  	align-self: start;
  	margin: 20px;
}

.poster {
    background-color: rgb(133, 109, 157);
    color:rgb(229, 221, 247);
    font-size: 40px;
  	font-family:'Holy Nativity';
  	max-width: 100%;
	padding: 30px 30px;
  	margin: 20px;
  	border-radius: 30px;
}
.Xmascard {
    background-color: rgb(133, 109, 157);
    color:rgb(229, 221, 247);
    font-size: 40px;
  	font-family:'Holy Nativity';
  	max-width: 100%;
  	padding: 30px 30px;
  	margin: 20px;
  	border-radius: 30px;
}