@font-face {
	font-family: ClassicRoots;
	src: url('fonts/ClassicRoots/ClassicRootsPersonalUseRegular-8MwDZ.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Geffroy;
	src: url('fonts/Geffroy/GeffroyEleonora.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '1942';
	src: url('fonts/1942/1942.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	background-image: url('images/default-3045043_960_720.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.title {
	width: 500px;
	height: 200px;
	margin: 0 auto;
	background-image: url('images/old-wide-engraved-paper-tape-1810240-removebg-preview.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;

	h1 {
		font-family: Geffroy;
		text-align: center;
		color: rgba(63, 58, 33, 0.849);
		font-size: 30px;
		margin-top: 80px;
		-webkit-text-stroke: 0.1px #362a19;
	}
}

.paper {
	height: 589px;
	width: 423px;
	background-image: url('images/1655731959873_5876_-removebg-preview.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	display: flow-root;

	h2 {
		margin-top: 20%;
		font-family: '1942';
		text-align: center;
		color: #000000ee;
		font-size: 35px;
	}

	p {
		margin-left: 25%;
		font-family: '1942';
		text-align: left;
		background-image: url(images/Dust-Noise-Overlay-Textures-600.jpg);
		background-clip: text;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
		-webkit-text-stroke: 0.35px #020202;
		color: black;
	}

	.inside {
		display: flex;
		align-content: center;
		height: 280px;
		width: 390px;
		position: relative;
		.plague {
			width: 235.7px;
			height: 275.4px;
		}
		.lacre {
			position: absolute;
			width: 112px;
			height: 112px;
			bottom: -10%;
			right: 10%;
		}
		p {
			font-family: '1942';
			margin-left: -10%;
			margin-bottom: 20%;
			background-image: url(images/Dust-Noise-Overlay-Textures-600.jpg);
			background-clip: text;
    		-webkit-background-clip: text;
    		-webkit-text-fill-color: transparent;
			-webkit-text-stroke: 0.35px #020202;
		}
	}
}

.board {
	height: 518px;
	width: 400px;
	padding-top: 10px;
	background-image: url('images/oEy6rR2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	display: flow-root;
	position: relative;
	h2 {
		text-align: center;
		font-family: Geffroy;
		font-size: 35px;
		text-shadow: 5px 5px 0 black;
		color: burlywood;
	}

	p {
		font-family: 'Geffroy';
		color: burlywood;
		text-shadow: 2px 2px 0 black;
		font-size: 15px;
	}

	.tv {
		height: 25%;
		width: 40%;
		position: absolute;
		right: 50%;
		transition: transform 0.3s;
	}
	.console {
		height: 25%;
		width: 30%;
		position: absolute;
		left: 60%;
		transition: transform 0.3s;
	}
	.crow {
		height: 50%;
		width: 50%;
		position: absolute;
		bottom: 0;
		right: 25%;
		transition: transform 0.3s;
	}

	img:hover {
		transform: scale(1.2);
	}
}

.panels {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	min-width: 500px;
}

/*
ul {
	list-style-type: none;
	color: ghostwhite;
	background: hsla(0, 0%, 20%, 0.4);
	padding: 0px;
	overflow: hidden;
	position: relative;
	left: 650px;
}

li a:hover {
	background: hsla(0, 0%, 20%, 0.5);
}

li {
	float:  left;
	font-family: Geffroy;
}

li a{
	padding: 16px;
	display: block;
	text-decoration: none;
	color: ghostwhite;
	position: relative;
	left: 650px;
}

.download{
	position: absolute;
	bottom: 75px;
	left: 605px;
    font-family: '1942';
    color: black;
    font-size: 15px;
}

.board {
	text-align: center;
}

.wood {
	position: absolute;
	left: 120px;
	top: 225px;
}

.back-h1{
	position: absolute;
	top: -185px;
	left: 505px;
}

.info_leaks_h3 {
	position: absolute;
	font-family: Geffroy;
	left: 255px;
	bottom: 455px;
	font-size: 35px;
	text-shadow: 5px 5px 0 black;
	color: burlywood;
}

.info_leaks_font {
	position: absolute;
	font-family: '1942';
	bottom: 405px;
	color: burlywood;
	text-shadow: 2px 2px 0 black;
	font-size: 15px;

}*/