html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#FDFB93;
}

.text {
	font-family: 'Roboto';
	color: #000000;
}

.textitalic {
	font-family: 'Roboto';
	color: #000000;
	font-style: italic;
}

.textitalicbold {
	font-family: 'Roboto';
	color: #000000;
	font-style: italic;
	font-size: bold;
}

.title {
	font-size: 50px;
	text-align: center;
	
	/*center*/
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.body {
	font-size: 20px;
	text-align: center;
	
	/*center*/
	position: fixed;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.return {
	font-size: 20px;
	text-align: center;
	
	/*center*/
	position: fixed;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*makes the entire form invisible and across the entire screen*/
.textbox {
	font-size: 30px;
	height: 100%;
	width: 100%;
	background: transparent;
    border: none;
	outline: none;
	cursor: default;
	text-align: center;
	z-index: 1;
	
	/*center*/
	position: fixed;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);	
}

/*Compliment me!*/
.submit {
	height: 30px; 
	width: 300px; 
	background-color: #6dff82;
	border-radius: 20px;
	outline: none;
	border: 3px solid #000000;
	z-index: 2;

	/*center*/
	position: fixed;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*Or... insult me?*/
.submit2 {
	height: 30px; 
	width: 300px; 
	border: none; 
	outline: none;
	background-color: #ff6c53;
	border-radius: 20px;
	border: 3px solid #000000;
	z-index: 2;

	/*center*/
	position: fixed;
	top: 52.5%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*About...*/
.submit3 {
	height: 30px; 
	width: 300px; 
	border: none; 
	outline: none;
	background-color: #FFB336;
	border-radius: 20px;
	border: 3px solid #000000;
	z-index: 2;

	/*center*/
	position: fixed;
	top: 66%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*Destroy the universe!*/
.fakebutton {
	height: 30px; 
	width: 300px; 
	border: none; 
	outline: none;
	background-color: #808080;
	border-radius: 20px;
	border: 3px solid #000000;
	z-index: 2;
	color: #ffffff;
	
	/* diabled */
	opacity: 0.4;
    cursor: not-allowed;

	/*center*/
	position: fixed;
	top: 57%;
	left: 50%;
	transform: translate(-50%, -50%);
}