body{ 
	padding-top: 10px;
	background-color: rgb(0, 0, 0) ;
	font-family: Georgia, 'Times New Roman', Times, serif;
	text-align: center;
	color:rgb(155, 175, 228);

	
}

#ovo{
	position: absolute;
	width: 400px;
	bottom: 0%;
	right: 0%;	

}

#arroba{
	position: absolute;
	width: 200px;
	top:10%;
	right: 20%;	

}

#arrobar{
	position: absolute;
	width: 200px;
	top:10%;
	left: 20%;	

}

.seta{
	position: absolute !important;
	top:5% !important;
	left: 3% !important;
	background: linear-gradient(#d6f5ff00 15%, #91b2e300, rgba(156, 186, 219, 0)) !important; 
	box-shadow: rgba(26, 17, 17, 0) 0 1px 1px 1px inset !important;
	border: 0px !important;  
  	color: #1c79b8 !important;
  	font-size: 50px !important;
  	cursor: help !important;
  	text-shadow:
  	-1px -1px 0 black,
   	1px -1px 0 black,
  	-1px  1px 0 black,
   	1px  1px 0 black !important;
	border-radius: 0px !important;

  
  }

.seta:hover{
  	cursor: help !important;

}

#aliceer{
	position: absolute;
	width: 220px;
	bottom:0%;
	right: 0%;

}

#gator{
	position: absolute;
	width: 500px;
	bottom: -2%;
	left: -2%;

}

#batmann{
	margin-top: 70px;
	width: 400px;
	bottom:1%;
	left: 1%;


}


.painel{
	margin:auto;
	background-color: #1a225300;
	width:1200px;
	border-radius: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
	align-items: center;




}

header{
	padding-top: 100px;
	text-align: center;

}


#eu{
	width: 30%;
	border-radius: 1px;



}


img{
		width: 40%;
		border-radius: 0px;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.493); 
		max-width: 500px;


}

button:not(.logout-btn) {
	height: 50px;
	width: 100px;
	border-radius: 10px;
	cursor: pointer;
	font-family: Georgia, 'Times New Roman', Times, serif;
	text-transform: lowercase !important;
	background: linear-gradient(#d6f5ff 15%, #91b2e3, rgb(156, 186, 219)); 
	box-shadow: white 0 1px 1px 1px inset;
	color: #151e53;
	transition: color 1s ease-in-out;
	font-size: 16px;
	font-weight: normal;
	text-shadow: white 0px 2px 5px;
	border: 1px solid #91cfe3;
	padding: 3px;
   } 
   
   button:hover {
	background: linear-gradient(rgb(225, 253, 255), #6381af); 
	box-shadow: white 0 1px 1px 1px inset;
	color: #151e53;
	font-size: 16px;
	font-weight: normal;
	text-shadow: white 0px 2px 5px;
	border: 1px solid #91cfe3;
	border-radius: 10px;
	padding: 2px;
	transform: scale(1.02); 

   } 


nav ul{
	list-style-type: none;
	text-decoration: none;

}

nav li{
	display: inline-block;
	padding: 5px;
}

li {
	text-decoration: none;
}

@font-face {
	font-family: 'animalcross';
	src: url('/src/animalcross.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal; 
  }



/*@keyframes spin{
  from{ transform: perspective(326px) rotateY(0deg); }
  to{ transform: perspective(326px) rotateY(360deg); }
}
.general-about .profile-pic img{
  animation: spin 7s infinite linear;
} */