

.container {
    display: flex;
    margin-right: -46px;
}
.col {
    flex: 1;
    margin-right: 46px;
}
.small {
	font-size: 70%;
}
.smaller {
	font-size: 50%;
}
.smallish {
	font-size: 85%;
}
.right {
	width: 50%;
	margin-left:50%;
}
/*section { text-align: left; }*/
.hidden { visibility: hidden; }
/*.reveal { font-size: 28px;  }*/
.reveal .slides { text-align: left; }
.reveal pre { font-size: .8em; }
.reveal h1 {  text-transform: none;}
.references { font-size: 70%; }
#footer { font-size: 16px; color:gray; position: absolute;
        bottom: -16px;
        left: 0%}

.reveal blockquote {
  width: 100%;
  padding: 16px;
  background: rgba(0, 0, 0, 0.1);
  border: 3px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

.reveal p {
  margin: calc(var(--r-block-margin)*1.75) 0 calc(var(--r-block-margin)*.25) !important;
}
.reveal blockquote p {
  margin: 0 0 !important;
}

.titleslide h1, .titleslide h2, .titleslide p {
	color: white;
	text-shadow: 6px 6px 8px rgba(0, 0, 0, 0.7);
}


.reveal pre {
  width: 100%;
}

.mermaidgraph { border: 0px !important; }       

.reveal section img { 
    border: 4px solid grey; 
    box-shadow: 0 0 8px grey;
    background: rgba(255, 255, 255, 0.12);
}
.plain, .plain img { box-shadow: none !important; border: 0px !important; }


:root{
	--r-heading-text-transform: none;
  --r-main-font: Lato, Helvetica, sans-serif;
  --r-heading-font: Lato, Helvetica, sans-serif;

}

.tweet {
  left: 0;
  width: 100%;
}

.reveal .cornerimg {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: calc(1*var(--r-heading1-size));
}