body {
  font-family: 'Nosferatu', monospace;
  background-image: url('https://i.pinimg.com/originals/f0/df/3b/f0df3bc88d689112d349b7e5471fea55.gif');
  background-repeat: no-repeat;
  background-size: cover;
  
}

section {
  -webkit-box-shadow: 5px 5px 8px 12px rgba(250,255,255,0.33); 
box-shadow: 5px 5px 8px 12px rgba(250,255,255,0.33);
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 525px;
  background-color: white;
  margin-top: 100px;
  padding: 15px;
  border: 1px solid black;
  border-radius: 15px;
  background-image: url('https://i.pinimg.com/originals/f0/df/3b/f0df3bc88d689112d349b7e5471fea55.gif');
  background-repeat: no-repeat;
  background-size: cover;
}

section h1{
  font-size: 25px;
  text-align: center;
  color: white;
  
  
}
section h2 {
  text-align: center;
}

header {
  background-image: url('https://i.pinimg.com/originals/f0/df/3b/f0df3bc88d689112d349b7e5471fea55.gif');
   border-radius: 15px;
  height: 80px;
  -webkit-box-shadow: 0px 1px 16px 2px rgba(255,255,255,0.5); 
box-shadow: 0px 1px 16px 2px rgba(255,255,255,0.5);
}

div {
  margin: 15px;
  padding: 15px;
  border: 1px solid black;
  background-color: #bac3d6;
  border-radius: 15px;
  -webkit-box-shadow: 0px 1px 16px 2px rgba(255,255,255,0.5); 
box-shadow: 0px 1px 16px 2px rgba(255,255,255,0.5);
}

.insignias {
  background-image: url("https://thumbs.gfycat.com/LiquidAnimatedBuckeyebutterfly-size_restricted.gif");
  background-color: #f0ffff;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
	margin:15px;
	padding:15px;
	font-weight:100;
	border-radius:10px;
}

.avatar {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
	border: 10px solid white;
  box-shadow: 0 5px 5px rgba(0,0,0,1);
	transition: transform .5s ease-in-out;
	animation: flutuar 5s ease-in-out infinite;
  
}

div > h2{
	text-align: center;
}

div > ol {
  text-align: justify;
	list-style: none;
}

div > ol > li > a {
  box-shadow: 0 5px 5px rgba(0,0,0,5);
	color: rgb(255,255,240);
	text-decoration: none;
}

div > ol > li > a:hover {
	font-weight:700;
	color:rgb(0,255,0);
}

.socialBar{
	display:flex;
	justify-content:center;
	align-items:center;
}

.socialIcon{
	width:32px;
	height:32px;
	transition: transform .3s ease-in-out;
	margin-right:10px;
	margin-left:10px;
}

.socialIcon:hover{
	transform: scale(1.2);
}

@keyframes flutuar {
	0%{
		transform: translateY(-80px);
		box-shadow: 0 5px 5px rgba(0,0,0,1);
	}
	50%{
		transform: translateY(-90px);
		box-shadow: 0 30px 10px rgba(0,0,0,.2);
	}
	100%{
		transform: translateY(-80px);
		box-shadow: 0 5px 5px rgba(0,0,0,1);
	}
}

.status {
  background-image: url("https://github-readme-stats.vercel.app/api/top-langs/?username=pedro-canedo&layout=compact&langs_count=9&theme=dark");
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}