@charset "utf-8";
/* CSS Document */

	/* ===============NAV BAR STYLE ========== */


	
 #menu_side	li
	{
		list-style:none;
		margin-top:0px;
		padding-bottom:3px;
		margin-left:-40px;
	}

	
	
	
	a{
		color:#000;
	}
	
	
	#contentsDiv li
	{
		border-bottom:1px black dotted;
		margin-bottom:5px;
		
		
	}
    
   #contentsDiv li:hover
	{
		background-color:#CF6;
		
	}
    
   #navbarResponsive a:hover
   {
	   background-color:#FFFFFF;
	   color:#000;
	   border-radius:10px;
	   
   }
   #navbarResponsive a
   {
	   
	   color:#FFF;
	   
   }
  #navbarResponsive li:active
   {
	   
	 transform:translate(3px,3px);
	   
   }
	
/* ---------------------------------- */



.about-author
	{
		background-color:#F8F8F8;
		border-left:5px solid #4285f4;
		border-right:5px solid #4285f4;
		border-top:2px solid #4285f4;
		border-bottom:2px solid #4285f4;
	}
	.about-author-pic
	{
		background-image:url("../pic/itsme.png");
		width:100px;
		height:100px;
		background-size:contain;
		border-radius:50%;
		float:left;
        background-repeat: no-repeat;
        background-position: center;
	}
	.about-author-text
	{
		width:70%;
		float:left;
		margin-top:5px;
		margin-left:20px;
		text-wrap:normal;
		
		font-size:18px;
		
	}
/*  code/program style */
.code-bgcolor
{
	background-color:#F8F8F8;
	
}
.code-padding
{
	padding:10px;
	border:2px red dotted;
	
}