/*general*/
.input_container {
    padding-bottom: 10px;
}

html {
	overflow-x: hidden;
}

html, body {
	background: linear-gradient(to left, white, lightblue);
	background-size: 100% 100%;
}

a {
	color: black;
}

#back_button_js {
	 transform: scale(1.5);
	position: relative;
	z-index: 1000;
}

h1 {
	font-family: helvetica;	
}

form {
	font-family: helvetica;	
}

h2 {
	font-size: 20px;
}

p {
	padding-bottom: 10px;
}

h4 {
	font-size: 10px;
	padding-left: 350px;
}

img {
	margin-top: -40px;
}

#blank {
	text-align: center;
  padding-bottom: 45px;
}

#small_space {
	text-align: center;
  padding-bottom: 10px;
}



/*admin*/
#admin_login {
	text-align: center;
	padding-top: 10%;
	transform: scale(1.3);
	transform-origin: center;
}

#user_reel {
	text-align: center;	
}

#user_reel > h1 > a {
	font-size: 30px;
	font-family: helvetica;
	border: 3px solid black;
	border-radius: 10px;
	padding: 0.5rem;
	color: black;
}

.admin_home_page > div > a {
	font-size: 20px;
	font-family: helvetica;
	border: 3px solid black;
	border-radius: 10px;
	margin: 0 auto;
	padding: 0.5rem;
	color: black;
	background-color: lightblue;
}

.admin_home_page > div > #user_removal {
	position: absolute;
	top: 3%;
	left: 34%;

}

.admin_home_page > div > #active_chats {
	position: absolute;
	top: 3%;
	left: 49%;

}

.admin_home_page > div > #user_reports {
	position: absolute;
	top: 3%;
	left: 59%;

}

#reports_reel {
	font-family: helvetica;
	text-align: center;	
}

#reports_reel > #user_communication_button {
	position: relative;
	left:2%;
	transform: scale(1.3);
	
}

#reports_reel > #remove_user_button {
	position: relative;
	right:2%;
	transform: scale(1.3);
	
}


/*blocking page*/
.blocked_users > div > button {
	transform: scale(1.3);
	transform-origin: center;
}

/*chat page*/
#user_chats {
	text-align: center;	
}

#user_chats > h1 > a {
	font-size: 20px;
	font-family: helvetica;
	border: 3px solid black;
	border-radius: 10px;
	margin: 0 auto;
	padding: 0.5rem;
	color: black;
	width: 500px;
	background-color: lightblue;	
}
	
#direct_messages {
	text-align: center;
}

#chat_form {
	padding-top: 20px;	
}
	
#sent_message {
		font-size: 20px;
	font-family: helvetica;
	border: 1px solid black;
	border-radius: 10px;
	padding: 0.5rem;
	color: black;
	
}

/*comment page*/
.comment_page > h1{
	text-align: center;
}

#comment_form {
	padding-top: 10px;
	text-align: center;
}

#comment_message {
	box-sizing: border-box;
	width: 60%;
	height: 400px;
	display: block;
	margin: auto;
}
	
#submit_comment {
	transform: scale(1.3);
	transform-origin: top center;
}



/*user creation page*/
#user_registration {
	text-align: center;
	padding-top: 10%;
	transform: scale(1.3);
	transform-origin: center;
}



/*home page*/
#post_reel {
	border: 1px solid black;
	border-radius: 10px;
    padding: 1rem 1.5rem;
	width: 600px;
	margin: 0 auto;
	background: linear-gradient(to bottom, white, lightblue)
}

#post_reel > #breaker {
	text-align: center;	
}

#post_reel > button {
	transform: scale(1.3);
}

.home_page > div > a {
	font-size: 20px;
	font-family: helvetica;
	border: 3px solid black;
	border-radius: 10px;
	margin: 0 auto;
	padding: 0.5rem;
	color: black;
	background-color: lightblue;
}

.home_page > div > #post_page {
	position: absolute;
	top: 3%;
	left: 36%;

}

.home_page > div > #active_chats {
	position: absolute;
	top: 3%;
	left: 46.5%;
}

.home_page > div > #blocked_users {
	position: absolute;
	top: 3%;
	left: 57%;
}



/*location page*/
.location_page > #map {
	position: relative; 
	height: 85%; 
	width: 100%;}


/*post creation*/
.post_creation > #map {
	position: relative; 
	height: 400px; 
	width: 100%;}

#post_form {
	padding-top: 20px;
}

#post_form > div {
	padding-top: 10px;	
}

.post_creation > #post_form > label {
	padding-top: 100px;
}



/*profile page*/
#profile_user {
	text-align: center;
	font-size: 50px;
	margin-bottom: -5px;
}

.profile_page > #report_button {
	position: absolute;
	left: 67.5%;
	top: 15%;
	color: red;
}

.profile_page > #report_button > a{
	color: red;
}

.profile_page > form > #profile_page_name > #block_button {
	position: absolute;
	left: 67.5%;
	top: 18%;
	color: red;
}

.profile_page > form > #profile_page_name > #chat_button {
	position: absolute;
	right: 67.5%;
	top: 15%;
}

.profile_page > form > #profile_page_name > #follow_button {
	position: absolute;
	right: 67.5%;
	top: 18%;
}

/*report page*/
#report_form {
	padding-top: 10px;
	text-align: center;
}

.report_page > h1{
	text-align: center;
}

#report_message {
	box-sizing: border-box;
	width: 60%;
	height: 400px;
	display: block;
	margin: auto;
	
}

#report_subject {
	position: relative;
	transform: scale(1.3);
	transform-origin: top center;
	right: 20px;
}

#report_submit {
	position: relative;
	transform: scale(1.3);
	transform-origin: top center;
	left: 20px;
}


/*login page*/

#user_login {
	text-align: center;
	padding-top: 10%;
	transform: scale(1.3);
}