@import url('//fonts.googleapis.com/css?family=Droid+Sans|Lato:900|Sniglet');


body {
    text-align: center;
}

.navbar-nj {
    padding: 20px;
    background-color: #222222;
    opacity: 0.8;
    font-size: 24px;
    border: 0px;
    margin: 0px;
}



.navbar-nj:hover {
    color: #0ec144;
}

.nav-a {
    color: #0ec144;
}

.brand-nj {
    font-size: 24px;
}

.random {
    color: #0ec144;
}

.banner-div {
    background: #0ec144;
    opacity: 0.9;
    padding: 20px;
}

.banner-row {
    margin: 0px;
    background-image: url('https://nodejsera.com/assets/css/components/images/bg2.jpg');
    opacity: 0.6;
    z-index: 1;
}

.banner-data{
	margin: 0px;
    opacity: 0.6;
    z-index: 1;
}

.banner-nj {
    padding: 40px;
    font-size : 60px;
    color: #dfdfdf;
    font-family: 'sniglet', cursive;  
    text-align: center;
}

.body-header {
	padding: 40px;
    font-size : 60px;
    color: #000000;
    font-family: 'lato';  
    text-align: center;

}

.article-header {
	padding: 40px;
    font-size : 60px;
    color: #FFFFFF;
	background : #222222;
    font-family: 'lato';  
    text-align: center;

}




.btn-circle{
  width: 80px;
  height: 80px;
  padding: 10px 16px;
  font-size: 36px;
  color: #44ff22;
  background: #222222;
  line-height: 1.33;
  border-radius: 40px;
  border-color: #000;
  border-width: 0px;
}

.btn-circle:hover {
margin-top: -16px;
 border-width: 5px;
 border-color: #000;
  background:#44ff22;
  color:#222222;
}


.footer-div {
    padding: 30px;
}



.bottom-div {
    padding: 10px;
    font-size: 16px;
    color: #0ec144;
    background: #000;
    text-align: center;
}

.new-article-1{
	margin: 0px;
	padding: 0px;
	z-index: 1;
    background-image: url('https://nodejsera.com/assets/css/components/images/ar1.jpg');
	background-size: 300px ;
    opacity: 0.6;
    
}


.article-1{
	
	
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	
	color: #fff;
    opacity: 0.8;
    padding: 0px;
	margin: 0px;
	
	
	background: linear-gradient(to right, rgb(255,0,0), rgb(136, 0, 204));
	}
	
/** for article 2 **/	
.new-article-2{
	margin: 0px;
	padding: 0px;
	z-index: 1;
    background-image: url('https://nodejsera.com/assets/css/components/images/ar2.jpg');
    opacity: 0.6;
    
}


.article-2{
	
	
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	
	color: #fff;
    opacity: 0.8;
    padding: 0px;
	margin: 0px;
	
	background: linear-gradient(to right, rgb(0, 0, 255), rgb(255, 51, 153));
	}
	
/** for article 3 **/	
.new-article-3{
	margin: 0px;
	padding: 0px;
	z-index: 1;
    background-image: url('https://nodejsera.com/assets/css/components/images/ar3.jpg');
    opacity: 0.6;
    
}


.article-3{
	
	
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	
	color: #fff;
    opacity: 0.8;
    padding: 0px;
	margin: 0px;
	
	 background: linear-gradient(to right, rgb(150,50,70), rgb(50, 0, 102));
}

/** for article 4 **/	
.new-article-4{
	margin: 0px;
	padding: 0px;
	z-index: 1;
    background-image: url('https://nodejsera.com/assets/css/components/images/ar4.jpg');
    opacity: 0.6;
    
}


.article-4{
	
	
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	
	color: #fff;
    opacity: 0.8;
    padding: 0px;
	margin: 0px;
	
	background: linear-gradient(to right, rgb(102, 153, 153),rgb(0, 0, 102));
}
/** for article 5 **/	
.new-article-5{
	margin: 0px;
	padding: 0px;
	z-index: 1;
    background-image: url('https://nodejsera.com/assets/css/components/images/ar5.jpg');
	background-size: 300px ;
    opacity: 0.6;
    
}


.article-5{
	
	
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	
	color: #fff;
    opacity: 0.8;
    padding: 0px;
	margin: 0px;
	
	
	background: linear-gradient(to right, rgb(102, 153, 153),rgb(0, 0, 102));
	}

	

.data{
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	color : #fff;
	opacity : 1.0;
	padding: 0px;
	margin: 0px;
}

.col-md-3{
padding: 0px;
margin: 0px;
}

.data:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.article-1:hover {
    background: #AD310B;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}


.article-2:hover {
    background: #AD310B;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.article-3:hover {
    background: #AD310B;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.article-4:hover {
    background: #AD310B;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.article-5:hover {
    background: #AD310B;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}




/** Article CSS begins here **/

/** for tutorial 1 **/	
.new-tutorial-1{
	margin: 0px;
	padding: 0px;
	z-index: 1;
    background-image: url('https://nodejsera.com/assets/css/components/images/mascot.png');
	background-size: 300px ;
    opacity: 0.6;
    
}


.tutorial-1{
	
	
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	
	color: #fff;
    opacity: 0.8;
    padding: 0px;
	margin: 0px;
	
	
	background: linear-gradient(to right, rgb(102, 153, 153),rgb(0, 0, 102));
	}

/** for tutorial 2 **/	
.new-tutorial-2{
	margin: 0px;
	padding: 0px;
	z-index: 1;
    background-image: url('https://nodejsera.com/assets/css/components/images/ar3.jpg');
	background-size: 300px ;
    opacity: 0.6;
    
}


.tutorial-2{
	
	
	font-size : 40px;
	font-family: 'Lato', sans-serif;
	
	color: #fff;
    opacity: 0.8;
    padding: 0px;
	margin: 0px;
	
	
	background: linear-gradient(to right, rgb(102, 153, 153),rgb(0, 0, 102));
	}

	.tutorial-1:hover {
    background: #AD310B;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.tutorial-2:hover {
    background: #AD310B;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}