.header-container{
	margin: -1rem 1rem;
}

.header-item{
	display: inline-block;
	vertical-align: middle;
}

.header-image>a>img{
	height: 4rem;
}

#how-to-and-signup{
	background-color:#f6f6f6;
	padding: 1rem ;
    margin-bottom: 0px;
}

#how-to-use{
	font-weight: 300;
	font-size: x-large;
	line-height: 2rem;
}

#sign-up{
	background-color: white;
    padding: 2rem;
    box-shadow: #00000033 -0.1rem 0.1rem 0.3rem 0.1rem;
    border-radius: 2rem;
}

#email-card{
	text-align: center;
}

#btn-signup{
	border: none;
    background: transparent;
    color: #4271ff;
	font-size: x-large;
	padding: 0.5rem;
    border-radius: 0.5rem;
}

#btn-signup:hover{
	background-color: azure;
    cursor: pointer;
}

#how-it-works-section{
	/*margin-top: -1rem;*/
}

#how-it-works{
	background-color: #049bff;
	padding: 1rem;
	color: #f6f6f6;
}

#how-it-works > h3{
	text-align: center;
    border: solid #f6f6f6;
    padding: 1rem;
    border-radius: 2rem;
}

#how-it-works-list{
	background-color: whitesmoke;
	color: black;
	padding: 1rem;
	border-radius: 1rem;
}
#success-message-container{
	text-align: center;
    display: flex;
    background-color: #f6f6f6;
    /*padding: 5rem 2rem;*/
    margin: 6rem 0rem;
}
#success-message-container > div{
	margin: auto;
}
.errorlist{
	color: rebeccapurple;
}

#question-container{
	margin: 3rem;
	font-size: large;
}

#answer-container{
	margin: 3rem;
	font-size: large;
}