/* Two-column layout */

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);


/* Title */

.title-slide {
	background-image: url(https://raw.githubusercontent.com/therbootcamp/therbootcamp.github.io/master/_sessions/_image/slide_background.png);
	background-size: cover;
	}

.title-slide h1 {
  text-shadow: none;
  margin-top: 0%;
  font-size: 80px;
}

.title-slide h2 {
  text-shadow: none;
}

.title-slide h3 {
  text-shadow: none;
  font-size: 40px;
}

.title-slide .remark-slide-number {
  display: none;
}

/* Links */

a {
color: #6ABA9A;
font-weight: 700;
}

/* Footer */

div.my-footer {
    background-color: #EEEEEE;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 14px;
    width: 100%;
}
div.my-footer span {
	display: block;
	width: 100%;
    font-size: 8pt;
    color: #FFFFFF;
    position: absolute;
    text-align: left;
    bottom: 0px;
    left: 0px;
	}

/* Center */

div.center_text {
    background-color: #EEEEEE;
    position: absolute;
    bottom: 40%;
    left: 0px;
    height: 20%;
    width: 100%;
	}

div.center_text span{
	display: block;
	width: 100%;
	  font-family: 'Yanone Kaffeesatz';
    font-size: 60pt;
    color: #000000;
    position: absolute;
    text-align: center;
    bottom: 15%;
    left: 0;
	}

div.center_text_2 {
    background-color: #EEEEEE;
    position: absolute;
    bottom: 35%;
    left: 0px;
    height: 20%;
    width: 100%;
	}

div.center_text_2 span{
	display: block;
	width: 100%;
	  font-family: 'Yanone Kaffeesatz';
    font-size: 60pt;
    color: #000000;
    position: absolute;
    text-align: center;
    bottom: 15%;
    left: 0;
	}

/* Body */

body { font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; }
h1, h2, h3 {
  font-family: 'Yanone Kaffeesatz';
  font-weight: normal;
}

.small-code .remark-code {
    font-size: 80%;
}
.small h1, h2, h3 {
  margin-top: 15px;
  margin-bottom: 5px;
}

.small .remark-code {
    font-size: 80%;
}

.inline-grey code {
  background: #F5F5F5; /* lighter */
  /* background: #e7e8e2; /* darker */
  border-radius: 2px;
  padding: 2px;
}

/* Spacing */

.pull-left05 {
  float: left;
  width: 5%;
}
.pull-right05 {
  float: right;
  width: 5%;
}

.pull-left1 {
  float: left;
  width: 10%;
}
.pull-right1 {
  float: right;
  width: 10%;
}

.pull-left15 {
  float: left;
  width: 15%;
}
.pull-right15 {
  float: right;
  width: 15%;
}

.pull-left2 {
  float: left;
  width: 20%;
}
.pull-right2 {
  float: right;
  width: 20%;
}

.pull-left25 {
  float: left;
  width: 25%;
}
.pull-right25 {
  float: right;
  width: 25%;
}

.pull-left3 {
  float: left;
  width: 30%;
}
.pull-right3 {
  float: right;
  width: 30%;
}

.pull-left35 {
  float: left;
  width: 35%;
}
.pull-right35 {
  float: right;
  width: 35%;
}

.pull-left4 {
  float: left;
  width: 40%;
}
.pull-right4 {
  float: right;
  width: 40%;
}

.pull-left45 {
  float: left;
  width: 45%;
}
.pull-right45 {
  float: right;
  width: 45%;
}

.pull-left5 {
  float: left;
  width: 50%;
}
.pull-right5 {
  float: right;
  width: 50%;
}

.pull-left55 {
  float: left;
  width: 55%;
}
.pull-right55 {
  float: right;
  width: 55%;
}

.pull-left6 {
  float: left;
  width: 60%;
}
.pull-right6 {
  float: right;
  width: 60%;
}

.pull-left65 {
  float: left;
  width: 65%;
}
.pull-right65 {
  float: right;
  width: 65%;
}

.pull-left7 {
  float: left;
  width: 70%;
}
.pull-right7 {
  float: right;
  width: 70%;
}

.pull-left75 {
  float: left;
  width: 75%;
}
.pull-right75 {
  float: right;
  width: 75%;
}

.pull-left80 {
  float: left;
  width: 80%;
}
.pull-right80 {
  float: right;
  width: 80%;
}

.pull-left85 {
  float: left;
  width: 85%;
}
.pull-right85 {
  float: right;
  width: 85%;
}

.pull-left9 {
  float: left;
  width: 90%;
}
.pull-right9 {
  float: right;
  width: 90%;
}

.pull-left95 {
  float: left;
  width: 95%;
}
.pull-right95 {
  float: right;
  width: 95%;
}

br2 {
   display: block;
   margin: 8px 0;
}

.pull-down5 {
  position: absolute;
}

/* images */

.image-h80 img {
  height: 30%;
}

/* highlight */

high {
  color: #EA4B68;
  font-weight: 700;
}

mono {
	font-family: monospace;
}

highm {
	color: #EA4B68;
  font-weight: 700;
	font-family: monospace;
}

ul {
 list-style-image:url("bullets/bcssss.png");
 display:block;	
}

li {

}

li span {
  position: relative;
  left: 10px;
  top:0;
  }

ul.level li span {
  left: 10px;
  top:0;
  }

li span.s {
  top: -7px;
  position: relative;
  }


li.m1 span {top: -9px;}
li.m2 span {top: -9px;}
li.m3 span {top: -9px;}
li.m4 span {top: -9px;}
li.m5 span {top: -9px;}
li.m6 span {top: -9px;}
li.m7 span {top: -9px;}
li.m8 span {top: -9px;}
li.m9 span {top: -9px;}
li.m10 span {top: -9px;}

li.m1g span {top: -9px;}
li.m2g span {top: -9px;}
li.m3g span {top: -9px;}
li.m4g span {top: -9px;}
li.m5g span {top: -9px;}
li.m6g span {top: -9px;}
li.m7g span {top: -9px;}
li.m8g span {top: -9px;}
li.m9g span {top: -9px;}
li.m10g span {top: -9px;}

li.m1intro span {top: -9px;}
li.m2intro span {top: -9px;}
li.m3intro span {top: -9px;}
li.m4intro span {top: -9px;}
li.m5intro span {top: -9px;}
li.m6intro span {top: -9px;}
li.m7intro span {top: -9px;}
li.m8intro span {top: -9px;}
li.m9intro span {top: -9px;}
li.m10intro span {top: -9px;}

li.m1gintro span {top: -9px;}
li.m2gintro span {top: -9px;}
li.m3gintro span {top: -9px;}
li.m4gintro span {top: -9px;}
li.m5gintro span {top: -9px;}
li.m6gintro span {top: -9px;}
li.m7gintro span {top: -9px;}
li.m8gintro span {top: -9px;}
li.m9gintro span {top: -9px;}
li.m10gintro span {top: -9px;}

li.m1intro {list-style-image:url("bullets/b1.png"); margin: -8px;}
li.m2intro {list-style-image:url("bullets/b2.png"); margin: -8px;}
li.m3intro {list-style-image:url("bullets/b3.png"); margin: -8px;}
li.m4intro {list-style-image:url("bullets/b4.png"); margin: -8px;}
li.m5intro {list-style-image:url("bullets/b5.png"); margin: -8px;}
li.m6intro {list-style-image:url("bullets/b6.png"); margin: -8px;}
li.m7intro {list-style-image:url("bullets/b7.png"); margin: -8px;}
li.m8intro {list-style-image:url("bullets/b8.png"); margin: -8px;}
li.m9intro {list-style-image:url("bullets/b9.png"); margin: -8px;}
li.m10intro {list-style-image:url("bullets/b10.png"); margin: -8px;}

li.m1gintro {list-style-image:url("bullets/b1g.png"); margin: -8px;}
li.m2gintro {list-style-image:url("bullets/b2g.png"); margin: -8px;}
li.m3gintro {list-style-image:url("bullets/b3g.png"); margin: -8px;}
li.m4gintro {list-style-image:url("bullets/b4g.png"); margin: -8px;}
li.m5gintro {list-style-image:url("bullets/b5g.png"); margin: -8px;}
li.m6gintro {list-style-image:url("bullets/b6g.png"); margin: -8px;}
li.m7gintro {list-style-image:url("bullets/b7g.png"); margin: -8px;}
li.m8gintro {list-style-image:url("bullets/b8g.png"); margin: -8px;}
li.m9gintro {list-style-image:url("bullets/b9g.png"); margin: -8px;}
li.m10gintro {list-style-image:url("bullets/b10g.png"); margin: -8px;}

li.m1 {list-style-image:url("bullets/b1.png"); margin: 0;}
li.m2 {list-style-image:url("bullets/b2.png"); margin: 0;}
li.m3 {list-style-image:url("bullets/b3.png"); margin: 0;}
li.m4 {list-style-image:url("bullets/b4.png"); margin: 0;}
li.m5 {list-style-image:url("bullets/b5.png"); margin: 0x;}
li.m6 {list-style-image:url("bullets/b6.png"); margin: 0x;}
li.m7 {list-style-image:url("bullets/b7.png"); margin: 0x;}
li.m8 {list-style-image:url("bullets/b8.png"); margin: 0x;}
li.m9 {list-style-image:url("bullets/b9.png"); margin: 0x;}
li.m10 {list-style-image:url("bullets/b10.png"); margin: 0x;}

li.m1g {list-style-image:url("bullets/b1g.png"); margin: 0x;}
li.m2g {list-style-image:url("bullets/b2g.png"); margin: 0x;}
li.m3g {list-style-image:url("bullets/b3g.png"); margin: 0x;}
li.m4g {list-style-image:url("bullets/b4g.png"); margin: 0x;}
li.m5g {list-style-image:url("bullets/b5g.png"); margin: 0x;}
li.m6g {list-style-image:url("bullets/b6g.png"); margin: 0x;}
li.m7g {list-style-image:url("bullets/b7g.png"); margin: 0x;}
li.m8g {list-style-image:url("bullets/b8g.png"); margin: 0x;}
li.m9g {list-style-image:url("bullets/b9g.png"); margin: 0x;}
li.m10g {list-style-image:url("bullets/b10g.png"); margin: 0x;}