
*{
	direction:ltr;
	transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
	-webkit-transition:all 150ms ease-in-out;

		    font-family:ui-sans-serif;
}

body{
	position: absolute;
top:70px;
	left:0;
	right:0;
	margin-right:23%;
	margin-left:23%;
 background-color: #3C454C;
  font-family:'Fira Sans', sans-serif;
  background-image:url('https://aces-af.org/psychopedia/Search/Sources/logo21.png');
  background-repeat:no-repeat;
  background-size:40%;
  background-position:center center;
  background-attachment:fixed;
  background-blend-mode:overlay;
  animation:mymove 5s;
  color:#fff;

}
.main_div{
    position:absolute;
    left:20%;
    right:20%;
    top:70px;
    padding:15px;
    background-image: linear-gradient(to bottom, rgba(230,230,230,1), rgba(150,150,150,1));
}

.i_n_s_q{
	width:91%;
	display:inline-block;
	border:1px solid #3C454C;
	height:50px;
	color:#3C454C;
	background-color:#fff;
	padding-right:10px;
	font-size:20px;
	
}
.s_n_s_q{
	width:8%;
	height:50px;
	font-size:bold;
	background-color:#fff;
	font-size:25px;
	
}

.circle_div{

	text-align:center;
	direction:ltr;
	
}

.circle{
	display:inline-block;
	height:40px;
	width:40px;
	border-radius:60px;
	border:1px solid #3C454C;
	text-align:center;
	font-size:xx-large;
	color:#fff;
	
	background-color:#3C454C;
}

.circle:hover{
	color: #4080c0;
	background-color:#fff;
	border-color: #4080c0;
}

.s_result_div{
	padding-left:10px;
	padding-right:10px;
	background-color:rgba(255, 255, 255, 1);
}
.result{
	padding:10px;
}

a{
	color: #51d84a;
	font-size:large;
	opacity:0.8;
}
a:hover{
	text-decoration:none;
	opacity:1;
}

.space{
	display:block;
	color:rgba(255, 255, 255, .6);
}