*{
    margin: 0;
    padding: 0;
}

/* min-height: 100%; make sure footer is at the bottom */
html {
	font-size: 12px;
    position: relative;
    min-height: 100%;
}

.guestLayoutHeight {
	min-height:400px;
}

@media (min-width: 640px) {
	html {
		font-size: 14px;
	}

	.guestLayoutHeight {
		min-height:500px;
	}
}

@media (min-width: 1024px) {
	html {
		font-size: 15px;	
	}

	.guestLayoutHeight {
		min-height:600px;
	}
}

@media (min-width: 1536px) {
	html {
		font-size: 16px;
	}

	.guestLayoutHeight {
		min-height:600px;
	}
}

body {
	margin-top: 0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;

}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 3rem;
	align-content: center;
}

.gradient {
	background: linear-gradient(180deg, #5577FF 0%, #2244FF 100%);
}

.gradient2 {
	background: linear-gradient(180deg, #99BBFF 0%, #7799FF 100%);
}

.gradient3 {
	background: linear-gradient(180deg, #D1FAE5 0%, #A7F3D0 100%);
}

.gradient4 {
	background: linear-gradient(180deg, #FEF3C7 0%, #FDE68A 100%);
}

.max-w-8xl {
	max-width: 90rem;
}