main.css

* {
	box-sizing:border-box;
}

html {
	background-color: #D9CDD2;
	font-family: 'Roboto Slab', serif;
	margin: 10px 10px 10px 10px;	
	text-align:center;
	width:100%;

    position: relative;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 150px; 
    width: 150px;
}
*/

.header {
	letter-spacing: 0.2em;
	text-align:center;

}

.subheader {
	letter-spacing: 0.1em;
	text-align: center;
}

.radio {
	flex-direction: row;
	margin: 5px 5px 5px 5px;
}

.radioContainer {
	border:none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	break-before: always;
	margin: 5px 5px 5px 5px;
}

.radioDiv {
	margin: 0 1.81em 0 0;
}

.directions {
	font-size: 14px;
}

.textarea {
	width: 100%;
	margin:  5px 5px 5px 5px;
	padding:  5px 5px 5px 5px;
	font-family: 'Roboto Slab', serif; 
}

.button {
	margin:  5px 5px 5px 5px;
	font-family: 'Roboto Slab', serif; 
}

@media (max-width: 425px) {
	
	.header {
		font-size: 16px;
	}

	.subheader {
		font-size: 10px;
	}

	.chooseOne {
		font-size: 14px;
	}

	.radio {
		flex-direction: column;
	}

	.radioContainer {
		flex-direction: column;
	}

	label {
		font-size: 14px;
	}

	.directions {
		font-size: 14px;
	}

	.textarea {
		font-size: 14px;
	}

}