.index-page{
	margin-left: 30px;
}
.fa-f-style{
	font-size: 8px;
	font-weight: 300;
	color: #aaa;
}
.max-menu-on-click{
	 font-size: 14px; 
	 font-weight: 700;
}
.min-menu-on-click{
 font-size: 14px; 
 font-weight: 700;	
}
.px12-menu-on-click{
	font-size: 12px;
	font-weight: 700;
}
.px12-menu-on-click:hover{
	font-size: 12px;
	font-weight: 700;
}
.menu-active{
	background-color: green;
}
.menu-active: hover{
	background-color: green;
}

.user-main-menu{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.user-main-menu:hover{
	font-size: 16px;
	font-weight: 700;
}
.user-corner{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.user-corner:hover{
	font-size: 16px;
	font-weight: 700;
}
.about-aimtocode{
	font-size: 14px;
	font-weight: 700;
}
.index-page-paragraph{
	color:green;
	font-size: 25px;
	font-family: Verdana;
	font-weight: 500;
	text-align: justify;
}
.index-page-h1{
    font-size:50px;
    color:red;
    text-align:left;
}
@media screen and (max-width: 620px){
.img-res{
		width: 100%;
		height: 200px;
}	
.div-res{
	width: 100%;
	height: 200px;
}
.index-page-paragraph{
	font-size: 18px;
	font-family: Verdana;
	font-weight: 500;
	text-align: left;
	text-align: justify;
	padding-right: 10px;
}
.index-page-h1{
    font-size:30px;
    color:red;
    text-align:center;
}
}

#div-dot{
	border: 2px dashed #000;
	width: 300px;
	margin-left: 5px;
}
@media screen and (max-width: 420px) {
	#div-dot{
	border: 2px dashed #000;
	width: 100%;
	margin-left: 5px;
   }
}
a{
    color: #000000;
    font-size: 14px;
}
.h4-index{
	font-size: 20px;
}
.pre-style{
	background: #fafafc;
	color: #000;
	font-weight: 500;
	border: 0.5px solid #aaa;
	border-left: 6px solid green;
	box-shadow: 6px 6px 5px #999; 
    -webkit-box-shadow: 6px 6px 5px #999;
    -moz-box-shadow: 6px 6px 5px #999;
}
@media screen and (max-width: 520px ) {
	.pre-style{
	background: #fafafc;
	color: #000;
	font-weight: 600;
	font-size: 12px;
	border: 2.5px solid #aaa;
	border-left: 4px solid green;
	box-shadow: 6px 6px 5px #999; 
    -webkit-box-shadow: 6px 6px 5px #999;
    -moz-box-shadow: 6px 6px 5px #999;
	}
}

h4{
	font-size: 22px;	
	color: maroon;
	font-weight: 700;
}
@media screen and (max-width: 520px) {
	h4{

	font-size: 14px;
	
	color: blue;
	font-weight: 700;
}
}
.h4-top-header-for-c-python{
	font-size: 18px;
	color: #ffff00; 
	text-align: center; 
	font-weight: 600;
	background-color: #000033; 
	padding: 5px; 
	border-radius: 5px; 
	text-transform: uppercase;

}
.paragraph{
  color: #000;
  font-family: Verdana;
  font-size: 16px; 
  text-align: justify;
} 
.paragraph-4-c-python
{
  color: #000;
  font-family: Verdana;
  font-size: 16px;
  text-align: justify;	
}
@media screen and (max-width:  520px){
.paragraph{
  color: #000;
  font-family: Verdana;
  font-size: 12px; 
  text-align: justify;
}
.paragraph-4-c-python
{
  color: #000;
  font-family: Verdana;
  font-size: 12px; 
  text-align: justify;	
}
}  
iframe{
	border: 2px solid #ccc;
	height: 100%;
	overflow: hidden;
	//* height="150px" width="600px*//
	scroll-behavior: none;
	background: none;
}
@media screen and (max-width: 420px){
iframe{
	height: 100%;
	overflow: hidden;
	scroll-behavior: none;
	background-color: none;
	}
}

.comment{
	color: #9b9e9c;
	font-style: italic;
	font-size: 15px;
}
hr{
	background-color: dimgrey;
    color: dimgrey;
    border: solid 1px green;
    height: 00px;
    width: 100%;
}
pre{
	color: black;
	font-weight: 500;
	font-size: 16px;
}
.code-red{
	font-family: monospace;
	color: red;	
	font-size: 16px;	
	font-weight: 600;
}
.code-blue{
	font-family: monospace;
	color: blue;
	font-size: 16px;
	font-weight: 700;
}
.code-green{
	font-family: monospace;
	color: green;	
	font-size: 16px;		
	font-weight: 600;	
}
.code-maroon{
	color: maroon;		
	font-family: monospace;
	font-size: 16px;	
	font-weight: 600;
}

/************* Style 70-30 Division Start here****************/
 
.item-row-70-30:after {	
  content: "";
  display: table;
  clear: both;
}
.item-column-70 {
  float: left;
  width: 75%;
  padding: 10px;
  
}
.item-column-30 {
  float: left;
  width: 25%;
  padding: 10px;
  
}
.item-column-70>h2{
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: justify-all;
}
.item-column-30>h2{
	font-size: 16px;
	letter-spacing: 0.1em;
	text-align: justify-all;
}

@media only screen and (max-width: 600px){
	.item-row-70-30:after{
		content: "";
		display: table;
		clear: both;				
	}
	.item-column-70{
  		float: left;
  		width: 100%;
  		padding: 10px;  		
  		font-size: 12px;
  		letter-spacing: 0.1em;  		
	}
	.item-column-30{
  		float: left;
  		width: 100%;
  		padding: 10px;  		
  		font-size: 12px;
  		letter-spacing: 0.1em;  		
	}
}			
	@media only screen and (max-width: 420px){
	.item-row-70-30:after{
		content: "";
		display: table;
		clear: both;				
	}
	.item-column-70{
  		float: left;
  		width: 100%;
  		padding: 10px;  		
  		font-size: 12px;
  		letter-spacing: 0.1em;  		
	}
	.item-column-30{
  		float: left;
  		width: 100%;
  		padding: 10px;  		
  		font-size: 12px;
  		letter-spacing: 0.1em;  		
	}
	}	
/************* Style 70-30 Division ends here****************/
a{
		text-decoration: none;
		color: black;
	}

/************* Top-Banner-Adsense Start here****************/
 
.item-row-adsense-top-banner:after {	
  content: "";
  display: table;
  clear: both;
}
.item-column-adsense {
  float: left;
  width: 100%;    
}
}
@media only screen and (max-width: 600px){
	.item-row-adsense-top-banner:after{
		content: "";
		display: table;
		clear: both;				
	}
	.item-column-adsense{
  		float: left;
  		width: 100%;  		  				
	}		
	@media only screen and (max-width: 420px){
	.item-row-adsense-top-banner:after{
		content: "";
		display: table;
		clear: both;				
	}
	.item-column-adsense{
  		float: left;
  		width: 100%;
	}
	}	
/************* Style 70-30 Division ends here****************/