/*####################################
Theme Name: CJNET BIO
Author URI: https://cjnet.com.br
Version: 0.1
####################################*/

body{
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:27px;
	text-align:center;
	margin:10px auto;
	background:url(images/bg.jpg) no-repeat top center fixed;
}

.profile{
	margin:20px auto 10px auto;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%; 
	border-radius:50%;
	width:120px;
	height:120px;
	background:url(images/profile.jpg) no-repeat;
	background-size:cover;
}

h1{
	margin:30px auto 15px auto;
	font-size:24px;
}

.bio p{
	font-size:16px;
	width:80%;
	margin:0 auto 20px auto;
	padding:10px 0;
}

button{
	background:#FFF;
	color:#212121;
	font-size:14px;
	width:80%;
	margin:10px auto;
	padding:10px 0;
	font-weight:bold;
	-moz-border-radius:30px; 
	-webkit-border-radius:30px; 
	border-radius:30px;
	border:#FFF 1px solid;
}
	
button:hover{
	background:#333333;
	color:#FFF;
	transition:.5s;
	border:#333333 1px solid;
}

.shake{
	animation:shake-animation 4.72s ease infinite;
	transform-origin:50% 50%;
}

.cjnet a{
	background:url(images/cjnet_white.svg) no-repeat;
	width:60px;
	height:30px;
	display:block;
	margin:45px auto 30px auto;
	padding:0;
}

@-webkit-keyframes Gradient{
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

@-moz-keyframes Gradient{
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

@keyframes Gradient{
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

@keyframes shake-animation{
	0%{transform:translate(0,0)}
	1.78571%{transform:translate(5px,0)}
	3.57143%{transform:translate(0,0)}
	5.35714%{transform:translate(5px,0)}
	7.14286%{transform:translate(0,0)}
	8.92857%{transform:translate(5px,0)}
	10.71429%{transform:translate(0,0)}
	100%{transform:translate(0,0)}
}