@import url(https://fonts.googleapis.com/css?family=Fira+Code&display=swap);

.remark-code, .remark-inline-code, .remark-slide-content  { 
  font-family: 'Fira Code'; 
  
}

h1, h2, h3 {
  font-family: 'Fira Code';
}

.inverse {
  background: rgb(227,45,91);
  background: radial-gradient(circle, rgba(227,45,91,1) 0%, rgba(204,47,170,1) 33%, rgba(129,44,229,1) 100%);
}

.remark-slide {
  background: rgb(227,45,91);
  background: radial-gradient(circle, rgba(227,45,91,1) 0%, rgba(204,47,170,1) 33%, rgba(129,44,229,1) 100%);
}

.normal {
  background: 'white';
  clip-path: polygon(0 5%, 100% 8%, 100% 89%, 0 92%);
}

a, a > code {
    color: #447099;
}

.inverse a {
  color: #F8F8F8
}

.middle-slide {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.remark-code {
  font-size: 14px;
}

.pull-left2 {
    float: left;
    width: 37%;
    padding-right: 6%;
}

.pull-right2 {
    float: left;
    width: 57%;
}