@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://raw.githubusercontent.com/richleland/pygments-css/master/monokai.css);
 body{
 	 font-family: 'Poiret One', cursive;
 }

iframe{
	width: 100%;
 
	 
}
.notebook{
	width:100%;
	height: 6000px;
}
#head{
	
   background-repeat: no-repeat;
   font-family: 'Poiret One', cursive;
}
 
#imge{
        
	border-radius: 60px;
   
	position: relative;
   top: 50%;
   transform: translateY(-50%);
  
   
   
}
#pablo img{
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 300px;
}
#pablo{
	cursor:pointer;
}
.clicky{
	cursor:pointer;
}

#pablo:hover{
	border:solid red 3px;
}
#menu h3{
	  
	  text-align: center;
	  font-size:0px;
}
#menu {
	 
	
	
}
#about-me{
	visibility: hidden;
	position:absolute;
	border:solid red 4px;
   width: 100%;
   height: 100%;
   background-color:black;
   z-index: 1000;
   background-image: url('../img/worldmap.png');
   background-size: cover;
   
    

}
#about-me #a-inner{
	color:white;
	 font-family: 'Poiret One', cursive;
	 font-size: 30px;
	width: 300px;
	height: 400px;
	margin:0 auto;
	position: relative;
   top: 50%;
   transform: translateY(-50%);
  
}
.me{
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 300px;
}
.py-div{
 padding: 5px;
 background: black;
	 
 
}
.py-div h1{
	margin-bottom: 0px;
}
.py {
   
 width: 50px; 
 background: red;

  
  

}
.py-div img{
 
	width:50px;
   height: 50px;
	
}
.big{
	width:50px;
   height: 50px;
}
#cool{
	position: absolute;
	left:40%;
}
.disp{
	float:left;
	margin-right: 8px;
	cursor: pointer;
}
.disp:hover{
	border-bottom: solid red 2px;
}
#tool{
	visibility: hidden;
	position:absolute;
	width: 240px;
	height: 190px;
  
   margin: 0 auto;
	 
    
}
#head2{
	position:absolute;
	top:0;
	width: 100%;
	 
	
}
#spin{
	 
}
.name{
margin-top:0px;
margin-bottom: 0px;
color:white;
	 
}
.red{
	color:red;
}
.white{
	color:white;
}
h1,h2{
	text-align: center;
	margin-top: 0px;
}
 a{
	display: inline-block;
}
.bt{
	color:white;
	border: white solid 4px;
	padding:3px;
}
 
.img-responsives{
	 
	 
	display: inline;
	margin:0 auto;
    height: 50px;
    width: 50px;
}
#nav{
 position:relative;
 background-image: url('http://www.bethelonline.org/files/3114/3577/7252/worldmap.png');
 background-size: cover;
 background-attachment:fixed;
  background-color:#00ccff;
  font-family: 'Poiret One', cursive;
 
}
.main-post{
	  
	width:900px;
	margin:0 auto 20px auto;
	position: relative;
	
}
.title-post{
	font-family: 'Poiret One', cursive;
	border-bottom:solid black 2px;
	
}
.main-body{
	color: #999966;
	 
	
}
.title-post h1{
	text-align: left;
	margin-bottom: 0px;
	color: #007acc;
}
.main-body iframe{
	height: 700px;
}
.big{
	width: 70px;
	 
}
 .collapse a{
 	 color:white;
  
 }
#foot-inside{
	margin-top:50px;
	background-color: black;
   padding:5px;
   font-size: 15em;
}
#foot-inside h2{
	font-size: 0.1em;
}
.tags{
	text-align: right;
}
.paginationZ p{
	 text-align: center;
	 margin-top: 0px;
	 color:#000066;
	
}
.paginationZ h2{
	margin-bottom: 0px;
}
#tag-div{
	text-align: center;
	border:solid black 3px;
	color:white;
	 
	background-color:#2d2a2a;
	margin-top:0px;
}
#tag-div2 {
	background-color:#585656;
	text-align: center;
	padding:4px;
}
#tag-div2 p{
	color:white;
	text-align: center;
	
}
 canvas{ 
    display: block; 
    vertical-align: bottom; 
 }
  #particles-js{ 
    position:absolute;
    width: 100%;
    height: 100%; 
    background-color: #2f191b;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: 50% 50%;
   } 
  .projects{
   color:red !important;
   margin: 4px;
  
  
  }
   
@media only screen and (max-device-width: 700px) {
#pablo img{
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 200px;
}
#cool{
	visibility: hidden;
}	
.main-post{
	 
   width: 100%;
	margin:0 auto 40px auto;
	padding: 7px;
	
	
}
.title-post{
	 
	
	
}

.main-body{
	 
	
}
.white{
	font-size: 0.5em;
}
.mee {
   
   -webkit-animation:2;
}
	
}