specifici.css

body {
  font-size: 1.1em;
}


.footnote {
    position: absolute;
    bottom: 1em;
    padding-right: 4em;
    font-size: 70%;
}

.remark-slide-content {
  font-size: 25px;
}

.remark-code {
  font-size: 0.9em;
}

.left-column h4 {
    line-height: 1;
}

.left-column h4 {
  color: #C0C0C0;
}

.left-column h4:last-of-type{
  color: #000;
}

.pull-left h4 {
  color: #C0C0C0;
}

.pull-left h4:last-of-type{
  color: #000;
}

.right-column {
  padding-top: 0;
}

.pull-right2 {
  text-align: left;
  margin-left: 190px;
}


.hl {
  /* color: #d16666;
  color: #ff3e41; */
  color: #d14;
  font-weight: 400;
}

.left-code {
  color: #777;
  width: 38%;
  height: 92%;
  float: left;
}

.right-plot {
  width: 60%;
  float: right;
  /* border-left: solid 1px #272822; */
  padding-left: 1%;
}

.huge {
  font-size: 2em;
}

.fullscreen {
  background-color: #FAFAFA;
  border-top: none;
  background-position: center;
  background-size: cover;
}

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

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

.text-white {
  color: #FFF;
}

.text-black {
  color: #000;
}

.img-right{
  height: 300px;
  width: 300px;
  top: 34%;
  left: 65%;
  position: absolute;
}

.img-right img {
  width: 100%;
}

.plot-callout {
  height: 225px;
  width: 450px;
  bottom: 5%;
  right: 5%;
  position: absolute;
  padding: 0px;
}

.plot-callout img {
  width: 100%;
  border: 4px solid #23373B;
}

.top-right {
  top: 10%;
  right: 5%;
}

/*
Define UoL Colors
*/

:root {
/* Corporate */
  --corporate-red: #B92034;
  --corporate-grey: #515B64;
  --white: #FFFFFF;
/* Brights */
  --vibrant-red: #EE3130;
  --orange: #EB6F1B;
  --warm-yellow: #EBA411;
  --vc-green: #093323;
  --dark-green: #004D27;
  --mid-green: #4A7729;
  --acid-green: #B0AE24;
  --dark-blue: #002B4A;
  --mid-blue: #00508C;
  --light-blue: #8CBAD4;
  --mauve-blue: #3A5DAE;
/* Neutrals */
  --dark-warm-grey: #706359;
  --mid-warm-grey: #ACA6A2;
  --light-warm-grey: #D4D0CA;
  --black: #231F20;
  --mid-cool-grey: #73808A;
  --light-cool-grey: #C6C7C9;
  --digi-gold: #B49243;
  --light-digi-gold: #C8B182;
/* CMYK Pop Process */
  --magenta: #EC008C;
  --bright-yellow: #FFF200;
  --cyan: #00AEEF;
  --royal-blue: #2E3192;
/* Metallic Finish */
  --metallic-gold: #85714D;
  --metallic-gold-70p: #C7B99E;
  --metallic-silver: #8A8D8F;
  --metallic-silver-70p: #B1B3B4;
/* Main and accent color */
  --main: var(--corporate-red);
  --accent: var(--corporate-grey);
  --text: var(--black);
  --text-inverse: var(--white);
}

/*
Extra classes for size and color
*/

.corporate-red {
  color: var(--corporate-red);
}

.corporate-grey {
  color: var(--corporate-grey);
}

.white {
  color: var(--white);
}

.vibrant-red {
  color: var(--vibrant-red);
}

.orange {
  color: var(--orange);
}

.warm-yellow {
  color: var(--warm-yellow);
}

.vc-green {
  color: var(--vc-green);
}

.dark-green {
  color: var(--dark-green);
}

.mid-green {
  color: var(--mid-green);
}

.acid-green {
  color: var(--acid-green);
}

.dark-blue {
  color: var(--bark-blue);
}

.mid-blue {
  color: var(--mid-blue);
}

.light-blue {
  color: var(--light-blue);
}

.mauve-blue {
  color: var(--mauve-blue);
}

.dark-warm-grey {
  color: var(--dark-warm-grey);
}

.mid-warm-grey {
  color: var(--mid-warm-grey);
}

.light-warm-grey {
  color: var(--light-warm-grey);
}

.black {
  color: var(--black);
}

.mid-cool-grey {
  color: var(--mid-cool-grey);
}

.light-cool-grey {
  color: var(--light-cool-grey);
}

.digi-gold {
  color: var(--digi-gold);
}

.light-digi-gold {
  color: var(--light-digi-gold);
}

.magenta {
  color: var(--magenta);
}

.bright-yellow {
  color: var(--bright-yellow);
}

.cyan {
  color: var(--cyan);
}

.royal-blue {
  color: var(--royal-blue);
}

.metallic-gold {
  color: var(--metallic-gold);
}

.metallic-gold-70p {
  color: var(--metallic-gold-70p);
}

.metallic-silver {
  color: var(--metallic-silver);
}

.metallic-silver-70p {
  color: var(--metallic-silver-70p);
}