.container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	min-height: 100vh;
	color: blue;
}
p {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: justify;
	text-indent:30px;
	color: blue;
}

.btn-1 {
	width: 330px;
	height: 50px;
	border: none;
	color: white;
	background-color: orange;
	border-radius: 4px;
	box-shadow: inset 0 0 0 0 #f9e506;
	transition: ease-out 0.3s;
	font-size: 3ren;
	font-weight:bold;
	outline: none;
		border: 3px solid #42fbf2;
}

.btn-1:hover {
	box-shadow: inset 330px 0 0 0 #f9e506;
	cursor: pointer;
	color: #000;
	font-weight:bold;
}

.btn-2 {
	width: 300px;
	height: 50px;
	border: none;
	color: white;
	border-radius: 4px;
	transition: ease-out 0.3s;
	font-size: 3ren;
	outline: none;	
	border: 3px solid #42fbf2;
	position: relative;
	z-index: 1;
}

.btn-2:hover {
	color: #fff;
	cursor: pointer;
}

.btn-2:before {
	transition: 0.5s all ease;
	position: absolute;
	top: 0;
	left: 50px;
	right: 50px;
	bottom: 0;
	opacity: 0;
	content: "";
	background-color: #42fbf2;
}

.btn-2:hover-before {
	transition: 0.5s all ease;
	left: 0;
	right: 0;
	opacity: 1;
	z-index: -1;
}


	.s1{text-shadow: 9px 9px 12px gray;
	color:blue;
	font-size: 70px;
	}
	.s2{text-shadow: 9px 9px 12px gray;
	color: blue;
	font-size: 50px;
	}
		
	h1 {
	text-align: center;
}		


h2 {
	text-align: center;
}
	h3 {
	text-align: center;
}

	
#copyright {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 25px;
	margin-right: auto;
	margin-left: auto;
	width: 770px;
	font-size: small;
	text-align: right;
	color: blue;
}
.auto-style1 {
	text-align: center;
	color: blue;
}