:root {
	font-family: 'Chakra Petch', sans-serif;
	font-family: 'IBM Plex Mono', monospace;
}

body{
	background: url("../img/lightning.jpeg") no-repeat center center fixed;
	background-size: cover;
	background-position: center;
	display: block;
	height: 600px;
	color: white;
	font-family: 'Chakra Petch', sans-serif;
	text-shadow: 0 0 2px #000000, 0 0 5px #000000;
	text-align: center;
	margin-top: 45px; 
}

.cover-container {
	max-width: 65em;
}

.cover-container a {
	font-size: 20px;
	color: white;
	font-weight: 600;
	filter: grayscale(100%);
}

.card {
	padding: 40px;
	background-color: rgba(63, 63, 63, 0.438);
	margin: 10px;
}

.wd {
	width: 800px;
	height: 500px;
	margin: 10px;
	object-fit: cover;
	object-position: top;
}

.ws {
	width: 800px;
	height: 500px;
	margin: 10px;
	object-fit: fill;
	object-position: top;
}

.cl {
	width: 800px;
	height: 500px;
	margin: 10px;
	object-fit: cover;
	object-position: top;
}

.cq {
	width: 850px;
	height: 400px;
	margin: 10px;
	object-fit: cover;
	object-position: top;
}