* {
  page-break-inside: avoid;
}

body {
  background: #020203;
  color: #d3d3e7;
  font-family: sans-serif;
  overflow: hidden;
}

#rootError {
  z-index: 100;
  /* background: white; */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  /* color: black; */
  padding: 10vh 5vh 5vh 17vh;
  font-size: 3vh;
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
}


#snowflakes-container {
  z-index: 1000;
  /* background: white; */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  display: none;
}


#snowflakes-link {
  color: white;
  z-index: 1000;
  /* background: white; */
  width: 100%;
  position: absolute;
  bottom: 30px;
  text-align: center;
  margin: auto;
  overflow-y: hidden;
  overflow-x: hidden;
}

#snowflakes-link a {
  color: white;
}

body .print {
  min-width: 1920px !important;
  width: 1950px !important;
  min-height: 1080px;
  height: 1080px;
}

progress {
  min-height: 7pt;
}

.SlideContent {
  padding: 3vh 5vw 2vh 5vw;
}

.Slide .Title {
  display: block;
  text-align: center;
  page-break-inside: avoid;
}

.Slide .Title h1 {
  font-weight: 700;
  font-size: 15vh;
  margin-top: 25vh;
  color: steelblue;
}

.SlideContent .Title .subtitle {
  margin-top: -10vh;
  font-size: 5vh;
  color: orange;
}

.Slide .Title2 h1 {
  font-weight: 700;
  font-size: 12vh;
  margin-top: 25vh;
  color: steelblue;
}


.Slide .StarterSlide {
  display: block;
  text-align: center;
  page-break-inside: avoid;
}

.Slide .StarterSlide h1 {
  font-weight: 700;
  font-size: 12vh;
  margin-top: 37vh;
  color: slategray;
}

.Slide .StarterSlide p {
  font-weight: 700;
  font-size: 5vh;
  margin-left: 42vh;
  color: 'orange';
}

.author {
  font-weight: 700;
  font-size: 3vh;
  margin-left: 42vh;
}

.Slide {
  display: block;
  margin: 0;
  page-break-inside: avoid;
}

.Slide h1 {
  margin-left: 0.2vw;
  color: #d3d3e7;
  font-size: 5vh;
}

.Slide h1.big {
  margin-left: 0.2vw;
  color: #d3d3e7;
  font-size: 9vh;
}

.Slide h1.big2 {
  margin-left: 0.2vw;
  color: #d3d3e7;
  font-size: 7vh;
}

.Slide h1.borderline {
	position: absolute;
	right: 0vw;
	top: -10vh;
	font-size: 57vh;
	color:rgb(67, 45, 190);
}

.Slide h1.borderline2 {
	position: absolute;
	right: -11vw;
	top: -85vh;
	font-size: 50vh;
	color:rgb(67, 45, 190);
}


.Slide h2 {
  font-size: 4vh;
}

.Slide h3 {
  font-size: 3vh;
}

.Slide h4 {
  font-size: 2vh;
}

.Slide h5 {
  font-size: 1.5vh;
}

/* td {
  border: 1px solid red !important;
} */

.Slide .prism-code {
  padding-left: 5vw;
  font-size: 5vh !important;
}

.Slide .language-javascript {
  padding: 0.1vh 0 0 5vw;
  margin: 0;
}

.Slide .codegiant {
  font-size: 7vh !important;
  padding: 0.1vh 0 0 5vw;
  margin: 0;
}

.Slide .codegiantnoshift {
  font-size: 7vh !important;
  padding: 0.1vh 0 0 2vw;
  margin: 0;
}

.SlideContent button {
  position: absolute;
  background-color: red;
  top: 5vh;
  left: 93vw;
} 

.Slide .codegiantshift {
  font-size: 7vh !important;
  padding: 0.1vh 0 0 9vw;
  margin: 0;
}

.Slide .codehuge {
  font-size: 5vh !important;
  padding: 0.1vh 0 0 5vw;
  margin: 0;
}

.Slide .codehugeshift {
  font-size: 5vh !important;
  padding: 0.1vh 0 0 11vw;
  margin: 0;
}

.Slide .codemediumshift {
  font-size: 4.2vh !important;
  padding: 0.1vh 0 0 8vw;
  margin: 0;
}

.Slide .codemedium {
  padding: 0.1vh 0 0 5vw;
  margin: 0;
}

.Slide .codemedium pre {
  font-size: 4vh !important;
}

.Slide .codesmall {
  padding: 0 0 0 5vw;
  margin: 0;
}

.Slide .codesmall pre {
  font-size: 3.2vh !important;
}

.Slide .codesmallshift {
  font-size: 3vh !important;
  padding: 0.1vh 0 0 11vw;
  margin: 0;
}

.Slide .codeshiftlittle {
  padding: 0.1vh 0 0 25vw;
  margin: 0;
}

.Slide .codesmaller {
  font-size: 2.5vh !important;
  padding: 0.1vh 0 0 11vw;
  margin: 0;
}

.Slide .codenoshift {
  padding-left: 10pt;
  font-size: 5vh;
}

.Slide .codejsx {
  font-size: 1.7vh !important;
  padding-top: 3vh;
  padding-bottom: 3vh;
}

.Slide .codejsxbig {
  font-size: 5vh !important;
  padding-top: 3vh;
  padding-bottom: 3vh;
}

.red {
  color: red !important;
}

.center {
  text-align: center;
}

.SlideContent > h1:first-child {
  color: steelblue;
  margin-left: 10vw;
}

.ShiftTable {
  margin-left: 8vw;
}

.ShiftTable td {
  text-align: center;
  vertical-align: middle;
  font-size: 2vh;
}
.ShiftTable td p {
  margin-left: 5vh;
}



.ShiftTableMore {
  margin-left: 8vw;
}

.ShiftTableMore td {
  text-align: center;
  vertical-align: middle;
  font-size: 2vh;
}
.ShiftTableMore td p {
  margin-left: 5vh;
  font-size: 3vh;
}

.ShiftTableMore td h3 {
  color: red;
  margin-right: 5vh;
  font-size:5vh;
}



.Shift {
  margin-left: 8vw;
}

.Shift > h1:first-child {
  margin-left: 2vw;
}

.Footer {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.5vh;
  width: 100%;
  page-break-inside: avoid;
}

.Footer .myname {
  border-top: 1px solid red;
  padding: 0.2vw 0.2vh 0.5vw 0.2vh;
  position: absolute;
  bottom: 0.1vh;
  left: 1vw;
}

.Footer .slides {
  border-top: 1px solid red;
  padding: 0.2vw 0.2vh 0.5vw 0.2vh;
  position: absolute;
  bottom: 0.1vh;
  right: 1vw;
}

.Chart {
  font-size: 5vh;
  color : red;
  text-align: center;
  vertical-align: bottom;
  /* border: 1px solid gray; */
  min-height: 75vh;
}


.slide2print .Slide {
  page-break-before: always;
}

.slide2print .Slide .Footer {
  display: none;
}

.timelineText {
  line-height: 3vh;
  margin-top: 0px;
}

.timelineText h1 {
  line-height: 3vh;
  margin-top: 0px;
}

.timelineText2 {
  line-height: 3vh;
  margin-top: 0px;
}

.timelineText2 h1 {
  font-size: 2.5vw;
  line-height: 3vh;
  margin-top: 0px;
}

.timelineTextBlack {
  line-height: 3vh;
  margin-top: 0px;
  color: black;
}

.timelineTextBlack h1 {
  line-height: 3vh;
  margin-top: 0px;
  color: black;
}

.timelineTextBlack2 {
  line-height: 3vh;
  margin-top: 0px;
  color: black;
}

.timelineTextBlack2 h1 {
  font-size: 2.5vw;
  margin-top: 0px;
  color: black;
}

#chartAbs {
  position: absolute;
  top: 45vh;
  width: 89vw;
  height: 30vh;
}

#chartAbs2 {
  position: absolute !important;
  top: 14vh;
  width: 89vw;
  height: 30vh;
}