body {
		margin: 0;
		font-family: "Inter", sans-serif;
		font-size: 1em;
		color: #00020B;
	}

	h1, h2, h3, h4 {
		font-family: "paralucent", sans-serif;
		margin: 0;
		padding: 0;
	}

	::selection {
	  background: #FD853F;
	}

	a {
		color: #FE5E00;
		text-decoration: none;
	}

	h1 {
		font-size: 2.375em;
		line-height: 1.35em;
		font-weight: 500;
		margin: 1.4em 0 0.8em;
	}

	h2 {
		font-size: 1.45em;
		line-height: 1.5em;
		font-weight: 500;
		margin: 2em 0 0.65em;
	}

	h3 {
		font-size: 1.125em;
		line-height: 1.75em;
		font-weight: 500;
		margin: 1em 0 1em;
		font-family: "Inter", sans-serif;
	}

	h4 {
		font-size: 0.85em;
		line-height: 1.25em;
		font-weight: 300;
		margin: 1.5em 0;
		color: #4B4C53;
		font-family: "Inter", sans-serif;
	}

	p {
		font-size: 1.25em;
		line-height: 1.65em;
		font-weight: 500;
		color: #4B4C53;
	}

	img {
		max-width: 100%;
	}

	section {
		display: flex;
		position: absolute;
		width: calc(50% - 45px);
		margin: 30px;
		border-radius: 25px;
	}

	img.logo {
		border-radius: 100em;
	}

	#feature {
		top: 0;
		bottom: 0;
		left: 0;
		background: #E1E1E2;
		align: center;
	}

	#feature img {
		align-self: center;
		margin: 0 auto;
	}

	#content {
		top: 0;
		bottom: 0;
		right: 0;
	}

	#content div.wrapper {
		max-width: 675px;
		align-self: center;
		margin: 0 auto;
	}

	#content div.form {
		display: block;
		border-top: 1px solid #ccc;
		margin: 3em 0 3em;
	}

	@media only screen and (max-width: 800px) {

		body {
			margin: 50px 30px;
		}

		#feature {
			display: none;
		}

		section {
			width: 100%;
			display: inline-block;
			position: relative;
			margin: 0;
		}

	}