/* Variables */

:root {
	--darkGreen: #183419; /*complementary is #341833 (mauve/dark purple) */
	--midGreen: #347235;
	--lightGreen: #58a359;
	--barelyGreen: #beebbf;
	--gray: #BCC6CC;
	--darkGray: #232526;
	--white: white;
	--black: black;
	--aHover: blue;
	--midPurp: #803b7d;
	--lightPurp: #a649a2;
	--lightNeonGreen: #33ff3a;
}


.reviewIntro {
	padding: 5vh 10vw 5vh 10vw;
}

.reviewIntro h1 {
	margin-bottom: 5vh;
	font-size: 4em;
}

.reviewForm {
	padding-left: 5em;
}

#reviewForm {
	display: flex;
	flex-direction: column;
	margin-bottom: 10vh;
}

#reviewForm input {
	width: 10vw;
	margin-bottom: 1vh;
}

#reviewForm textarea {
	width: 40vw;
	height: 20vh;
	margin-bottom: 3vh;
}

#reviewForm button {
	width: 10vw;
	height: 2em;
	font-weight: bold;
	min-width: 10em;
}

#reviewForm input:focus,
#reviewForm textarea:focus {
	background-color: var(--barelyGreen);
}

.greenBackground {
	background-color: var(--barelyGreen);
}

.reviewsSection {
	
	padding: 10vh 5vw 10vh 5vw;
}

.singleReviewContainer {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.singleReview {
	margin: 3vw;
	padding: 2em;
	border-radius: 10px;
	box-shadow: 0 0 2em 0 var(--darkGreen);
	min-width: 25vw;
	background-color: var(--barelyGreen);
}

.singleReview:hover {
	transform: scale(1.05);
	transition: transform 1s ease-in-out;
}

.singleReviewName {
	border: 1px solid var(--gray);
	border-radius: 10px;
	padding: .15em;
	margin-bottom: 1em;
	background-color: var(--white);
}

.singleReviewContent {
	border: 1px solid var(--gray);
	border-radius: 10px;
	padding: 1em;
	background-color: var(--white);
}