@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=Ubuntu+Mono:400,700,400italic);

@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=Roboto+Slab|Ruda);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');

:root {
  --green: #91dc47;
  --light-green: #ddffbd;
  --dark-green: #62b132;
  --blue: #5858d1;
  --light-blue: #ccddff;
  --dark-blue: rgb(56, 124, 146);

}

.nonum .remark-slide-number {
  visibility: hidden;
}

.flex {
    display: flex;
}

body {
  font-family: "Ruda", sans-serif;
}

p:not(:last-child) {
  margin-top: 0.5em;
  margin-bottom: 0;
}

p:first-of-type {
  margin-top: 0;
}

p:last-of-type {
  margin-bottom: 0;
}

.remark-slide-content p, .remark-slide-content li {
  font-size: 22px;
  line-height: 1.6;
}

.remark-slide-content h1, h3 {
  font-weight: 700;
  font-size: 45.4px;
}

h1, h2, h3, h4 {
  font-family: 'Ruda';
  font-weight: 700;
  font-size: 45.4px;
  line-height: 1.3;
}

h4 {
    margin-top: 1em;
    margin-bottom: 12px;
    font-size: 26px;
}

.nowrap { white-space: nowrap; }
.redbar { border-left: 40px solid red; }
.redbar2 { border-left: 40px solid #f88; }
.bluebar { border-left: 40px solid var(--blue); }
.greenbar { border-left: 40px solid var(--dark-green); }
.greenbar2 { border-left: 40px solid lightgreen; }

blockquote {
  border: 1px solid gray;
  border-radius: 10px;
  background: var(--light-green);
  padding: 0.5em;
  box-sizing: border-box;
  line-height: 1.6;
  width: 100%;
  margin: 1em 0;
}

.remark-slide-content blockquote p, .remark-slide-content blockquote li {
  font-size: 21.5px;
  line-height: 1.6;
}

blockquote address {
  text-align: right;
}

.sign {
    float: right;
    margin-right: 2em;
    color: gray;
    text-align: right;
}

.quote {
  font-style: italic;
  border-left: 10px var(--blue) solid;
  padding-left: 20px;
}

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

.annotate {
  color: #aaa;
  font-size: 80%;
}

.bgreen {
  color: var(--dark-green);
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}

.orange { color: orange; }

.borange {
  color: orange;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}

.red { color: red; }

.bred {
  color: red;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}

.code {
  background: #ccccff;
  border-radius: 4px;
}

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

.bblue {
  color: var(--blue);
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
}

.quote-green {
  font-size: 120%;
  font-style: italic;
  border-left: 10px green solid;
  padding-left: 20px;
  line-height: 2.0;
}

.redback { background: red; }
.blueback { background: var(--light-blue); }
.greenback { background: var(--light-green); }
.remark-code, .remark-inline-code {
    font-family: 'Ubuntu Mono';
    font-size: 110%;
}
.remark-inline-code {
    background: #eeeeee;
    padding: 4px;
    border-radius: 8px;
}

.quote p { line-height: 1.6; }

ul, ol { line-height: 2.0; }

my-new-slide {
    font-family: 'Ruda';
    animation: blinker 0.5s linear 3;
    color: gray;
    position: absolute;
    background: yellow;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0 5px;
    top: 1em;
    right: 1em;
}

@keyframes blinker {
  50% {
      opacity: 0;
  }
}

.nomargin {
    margin: 0;
    padding: 0;
}

.nomargin img {
    display: block;
    margin-left: -145px;
    width: 120%;
}