@charset "utf-8";

*{
	font-family:"M PLUS Rounded 1c";
	font-size:15px;
}

body{
	background-color:rgba(255,255,255,0.7);
	background-image:url("img/back.jpeg");
	background-blend-mode:lighten;
	background-size:100% auto;
	background-repeat:no-repeat;
	color:#212121;
	margin:0;
	padding:0;
}

header{
	position:relative;
	background-color:#fdfdfd;
	height:4rem;
	box-shadow:0.2rem 0.2rem 0.2rem 0.2rem rgba(0,0,0,0.1);
}

a{
	text-decoration:none;
	margin:1rem;
	font-size:1.3rem;
	font-weight:bold;
}

a:hover{
	color:##616161;
}

button{
  margin:0;
  padding:0;
  background-color: rgba(0,0,0,0);
	font-weight:bold;
  border:none;
	cursor:pointer;
}

img{

}

p{
	font-weight:bold;
}

.header_title{
	display:inline-block;
	color:#40c4ff;
	text-align:left;
	vertical-align:middle;
	margin-left:5%;
}

.header_lefter{
	float:right;
	height:100%;
	vertical-align:middle;
}

.header_text{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

.header_login{
	float:right;
	display:inline-block;
	color:#d50000;
	text-align:center;
	vertical-align:middle;
	margin-right:5%;
}

.content{
	margin:2rem auto;
	padding:2rem 0;
	text-align:center;
	width:90%;
	border:none;
	border-radius:1rem;
}

.svg-icon{
	transform: scale(1,-1);
}

/******************************************/

.account_form{
	background-color:#303030;
	width:80%;
	margin:5rem auto;
	padding:2rem 0 2rem 0;
	text-align:center;
}

.account_form_center{
	margin:0 auto;
	padding:0;
	text-align:center;
}

.account_form_p_lefter{
	font-size:1.2rem;
	display:inline-block;
	text-align:left;
}

.font_red{
	color:#DB4437;
}

input{
	background:rgba(255,255,255,0);
	color:#333333;
	padding:0.3rem 0.5rem 0.3rem 0.5rem;
	border:none;
	border-bottom:2px solid #757575;
	font-size:1.2rem;
	font-weight:bold;
}

.account_text{
	margin:1rem auto 3rem auto;
}

.account_last_text{
	margin:1rem auto 1rem auto;
}

input:focus {
	border:none;
	border-bottom:2px solid #008271;
	outline: 0;
}

input::placeholder{
	opacity:0.5;
}

input:read-only{
	background:rgba(180,180,180,0.8);
	color:rgba(51,51,51,0.3);
}

.button{
	background-color:#BC86FC;
	border:none;
	border-radius:0.3rem;
	cursor:pointer;
	outline:none;
	margin:1rem;
	appearance:none;
	color:#ffffff;
	font-size:1.3rem;
}

.button_sub{
	background-color:#9e9e9e;
	border:none;
	border-radius:0.3rem;
	cursor:pointer;
	outline:none;
	margin:1rem;
	appearance:none;
	color:#ffffff;
	font-size:1.3rem;
}

.small{
	padding:0.5rem 2rem 0.5rem 2rem;
}

.medium{
	padding:0.7rem 2.8rem 0.7rem 2.8rem;
}

.big{
	padding:1rem 5rem 1rem 5rem;
}

.follow{
	background-color:#212121;
	border-color:#80b6ff;
	border-radius:2rem;
	cursor:pointer;
	outline:none;
	margin:1rem;
	appearance:none;
	color:#80b6ff;
}

.title{
	margin:0 auto;
	font-size:2rem;
}

.twitter-follow-button{
	background-color:#0090ff;
	border-radius:0.3rem;
	padding:10px;
	color:#ffffff;
	display:inline-block;
}