body {
 	background-color: #FCFCFC;
 	margin: auto;
 }

 .bg {
 	z-index: -10;
 	position: fixed;
 	margin: auto;
 	background-attachment: fixed;
 	width: 100vw;
 	height: 100vh;
 	background-position: 50% 42%;
 	background-image: url("bg.svg");
 	background-repeat: no-repeat;
 }

 .grid {
 	display: flex;
 	flex-direction: row;
 	width: 100vw;
 	height: 100vh;
 	align-items: center;
 	justify-content: center;
 }


 .outer-content {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	gap: 48px;
 }

 h1 {
 	color: #357D83;
 	font-size: 40px;
 	font-family: Roboto;
 	font-weight: 600;
 	margin-top: 0;
 	margin-bottom: 20px;
 	word-wrap: break-word
 }

 h5 {
 	font-family: Roboto;
 	font-size: 20px;
 	font-weight: 400;
 	line-height: 23px;
 	letter-spacing: 0;
 	margin-top: 20px;
 	text-align: left;
 	color: #2F2E41;
 }

 p {
 	margin: 0;
 }

 .content-complete {
 	max-width: 572px;
 	height: 188px;
 }

 .content-reject {
 	max-width: 572px;
 	height: 140px;
 }

 .content {
 	position: relative;
 	top: 20px;
 	padding: 40px 40px 48px 40px;
 	border-radius: 8px;
 	border: 2px solid #7EABA3;
 	background-color: #FFF;
 }

 .content::after {
 	content: '';
 	position: absolute;
 	border-radius: 8px;
 	z-index: -1;
 	left: -16px;
 	bottom: 8px;
 	width: 100%;
 	height: 100%;
 	background: #F2F2F2;
 	border: 2px solid #7EABA3;
 }


 @media only screen and (max-width: 1013px) {
 	.grid {
 		display: flex;
 		flex-direction: column;
 		width: 100vw;
 		height: 100vh;
 		align-items: center;
 		justify-content: center;
 	}

 	.outer-content {
 		display: flex;
 		flex-direction: row;
 		justify-content: center;
 		flex-wrap: wrap;
 		gap: 48px;
 	}

 	.content {
 		display: inline-block;
 	}

 	.bg {
 		width: 100%;
 	}

 }

 @media only screen and (max-width: 432px) {
 	.content-complete {
 		height: 352px;
 	}

	 .content-reject {
		 height: 200px;
	 }
 }