body {

	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;

}

.bg {

	height: 100vh;
	display: grid;
	grid-template-rows: 0.8fr 2fr 1fr;
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-areas: 

	 ". . ."
    ". main ."
    ". foot ."

	;


}


.content_container {
  grid-area: main;
  justify-self: center;
  align-self: center;
  display: flex;
  flex-direction: column;
}

.content_container p,
.content_container h1{

	margin: 0 auto;
	padding: 20px 0;
}

#logo
 {

	width: 30%;
	margin: 0 auto;
}

#logo2 {

	width: 15%;
	margin: 0 auto;

}



footer {
  grid-area: foot;
  justify-self: center;
  align-self: end;
}

.rebel_btn {

	border-radius: 10px;
	width: 50%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background-color: black;
	color: white;
	box-shadow: 4px 4px 6px #949294;
	border: none;
	text-align: center;
	text-decoration: none;
}

.rebel_btn:hover {

	border-radius: 10px;
	width: 50%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background-color: #39e394;
	color: black;
	box-shadow: 5px 5px 5px #949294;
	border: none;
	cursor: pointer;
}

#donate_btn {

	background-color: red;
}