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


/** 
font-family: 'Griffy', cursive;
font-family: 'Cabin Sketch', cursive;
*/

.Lslider{
	font-size : 40px;
}

.classroom {
    background: #ccc; 
    border-radius: 10px;
    padding: 10px; 
    font-size: 18px; 
    font-family: 'Lato' serif; 
}



.console {
    --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
   
}
.subtract {
      --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
   
}
.multiply {
        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
   
}
.divide{
       --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}
.modulo {
        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}


.terminal .inverted, .cmd .inverted, .cmd .cursor.blink {
      --color: rgba(200, 228, 220, 0.79);
      --background: #323232;
      font-size: 16px;
    }

#learnjs-add-1 {
    display: none; 
}
#learnjs-sub-1 {
    display: none; 
}
#learnjs-mul-1 {
    display: none; 
}
#learnjs-divide-1 {
    display: none; 
}
#learnjs-modulo-1 {
    display: none; 
}


img{
	display: block;
    margin: auto;
    width: 40%;

}
.Lheaders{
	padding-top : 50px;
	padding-right: 0px;
	text-align : right;
	padding-left: 100px;
	font-size : 25px;
	font-family: 'Griffy', cursive;
	
}

.Lintro{
	font-family: 'Griffy', cursive;
	font-size : 50px;
	text-align : center ;
}


/** Editing starts here **/
.Lsub-heading{
    text-align: left;
	font-family: 'Lato', sans-serif;
    color: #333333;
    font-size: 30px;

}

.Lcontent{
    text-align: left;
    font-family: 'Droid Serif', serif;
	color: #555555;
    font-size: 25px;

}

p{
    text-align: justify;
}

btn-lj-d{
     margin: auto;
  width: 400px;
 
  text-align: center;
  font-size: 36px;
  color:  #b3ffff;
  background: #222222;
  border-radius: 30px;
  border-color: #000;
  border-width: 0px;
}
.Lalign{
text-align: center;

}
btn-lj-d:hover{
    border-width: 5px;
    border-color: #000;
    background: #b3ffff;
    color:#222222;

}
.cmove {
    text-align: center; 
}

.btn-lj {
    background: #80dfff;
    border-style: none; 
}
.btn-lj:hover {
    background: #00ace6;
}

#learnjs-add-2 {
    display: none; 
}



.btn-lj {
  background:   #794522;
  color: #cdcdcd; 
  font-size: 28px;
  font-family: 'Griffy', cursive;
  border-style: none; 
}
.btn-lj:hover {
    background: #55290c;
      color: #cdcdcd; 
  font-size: 28px;
  font-family: 'Griffy', cursive;
  border-style: none; 
}
.btn-lj:active, .btn-lj:target {
   background:   #794522;
  color: #cdcdcd; 
  font-size: 28px;
  font-family: 'Griffy', cursive;
  border-style: none; 
}

.add2 {
    --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}
.operationSuccess {
    --background: #d5d5c0;
     --color:#495a5a;
       --size: 1.5;
}

.brown {
    background:   #794522;
}

body {
    background: url('../images/bgsmall.png');
}




/* Chapter -2 Functions */

#learnjs-equal-to {
	display: none; 
}

.equal-to {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-triple-equal-to {
	display: none; 
}

.triple-equal-to {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}


#learnjs-not-equal {
	display: none; 
}

.not-equal {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-triple-not-equal {
	display: none; 
}

.triple-not-equal {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-greater {
	display: none; 
}

.greater {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-greater-equal {
	display: none; 
}

.greater-equal {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-less {
	display: none; 
}

.less {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-less-equal {
	display: none; 
}

.less-equal {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

/** Chapter - 3 CSS **/

#learnjs-logical-and{
	display: none; 
}

.logical-and {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-logical-or {
	display: none; 
}

.logical-or {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-logical-not {
	display: none; 
}

.logical-not {
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}


/** Chapter - 4 CSS **/

#learnjs-bitwise-and{
	display: none; 
}

.bitwise-and{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-bitwise-or{
	display: none; 
}

.bitwise-or{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-bitwise-not{
	display: none; 
}

.bitwise-not{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-bitwise-xor{
	display: none; 
}

.bitwise-xor{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-left-shift{
	display: none; 
}

.bitwise-left-shift{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-right-shift{
	display: none; 
}

.bitwise-right-shift{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-right-shift-zero{
	display: none; 
}

.bitwise-right-shift-zero{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

/** Chapter -5 **/

#learnjs-equal-assignment{
	display: none; 
}

.equal-assignment{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}


#learnjs-equal-add-assignment{
	display: none; 
}

.equal-add-assignment{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-equal-sub-assignment{
	display: none; 
}

.equal-sub-assignment{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-equal-mul-assignment{
	display: none; 
}

.equal-mul-assignment{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-equal-divide-assignment{
	display: none; 
}

.equal-divide-assignment{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}

#learnjs-equal-mod-assignment{
	display: none; 
}

.equal-mod-assignment{
	        --background: #495a5a;
    --color: #d5d5c0;
 --animation: terminal-bar;
  --size: 1.5;
}