/* Style for DESN340 Project 1 Part 5 */

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

img {
	max-width: 100%;
	padding-top: 100px;
}

body {
	font-family: sans-serif;
	font-size: 24px;
	font-weight: 400;
	background-color: #161616;
}


h1 {
	font-family: "Anton" sans-serif;
	font-size: 60px;
	color: #161616;
	margin: 0;
}


h2 {
	font-family: "Anton" sans-serif;
	font-size: 55px;
	color: #161616;
	margin: 0;
}


h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	font-weight: 300;
	font-style: italic;
	margin: 0;
	color: #161616;
}


p {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4rem;
	margin: 0;
	color: #161616;
}

/* layout styling */

.container {
	width: 1170px;
	margin: 0 auto;

}

.container-fluid {
	width: 100%;
	height: 70px;
	padding-top: ;
	padding-bottom: ;
}

/* card styling */

#cards {
	margin-top: 50px;
}

.card-chunk h2 {
	margin: 50px 0;
}

.card-chunk p {
	margin-bottom: 50px;
}

#paper {
	background-color: #fff;
	color: #fff;
	width: 95vw;
	height: 720px;
	margin: 0 auto;
	border-radius: 20px;
	margin-bottom: 50px;
	padding: 100px;
	display: grid;
	grid-template-columns: 470px 670px;
	column-gap: 150px;
}

button {
	background-color: darkred;
	border-style: none;
	padding: 20px;
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
	opacity: 1
}

button:hover {
	background-color: darkred;
	opacity: 0.6;
  	transition: 0.3s;
}