override.css

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700|Viga&display=swap');

.remark-slide-content { padding: .1em 1em 1em 1em; }

.remark-slide-content:not(.pic) {
    background-image: url(./k8smastery/background-light.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.remark-slide-content:not(.pic).title {
  background-image: url(./k8smastery/background_with_lights.png);
}

/* div.extra-details:not(.pic) { */
  /* background-image: url(./k8smastery/extra-details.png), url(./k8smastery/background.png); */
  /* background-position: 1.5% 1.5%, 0% 0%; */
  /* background-size: 4%, 100%; */
/* } */

div.cleanup:not(.pic) {
  background-image: url(./k8smastery/Foxy_cleanup_smaller.png), url(./k8smastery/background-light.png);
  background-position: 99% 1.5%, 0% 0%;
  background-size: 12.5%, 100%;
}

/* hide slide counter for the course */
div.remark-slide-number {
  visibility: hidden;
}

div.title > p:first-child {
  font-family: 'Viga', sans-serif;
}

.remark-slide-content {
  background-color: transparent;
}

.remark-slide-content.pic {
  background-color: white;
}

.exercise{
  background-image: url(./k8smastery/exercise.png);
  background-size: 1.9em;
}

code {
  font-weight: 300;
}

a {
  color: #0954ab;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Viga', sans-serif;
  margin-bottom: 0.5em;
}

ul {
  margin: 0.6em 0;
}

li p {
  line-height: 1.6em;
  margin-top: 0;
  margin-bottom: 0;
}

pre {
  margin: 0.6em 0;
}

.remark-slide-content {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 26px !important;
}

/* Logo top right */
/* .remark-slide-content:not(.pic) { */
    /* background-repeat: no-repeat; */
    /* background-position: 99% 1%; */
    /* background-size: 8%; */
    /* background-image: url(https://enix.io/static/img/logos/logo-domain-cropped.png); */
/* } */
/*  */
/* div.extra-details:not(.pic) { */
  /* background-image: url("images/extra-details.png"), url(https://enix.io/static/img/logos/logo-domain-cropped.png); */
  /* background-position: 0.5% 1%, 99% 1%; */
  /* background-size: 4%, 8%; */
/* } */
/*  */
/* .remark-slide-content:not(.pic) div.remark-slide-number { */
	/* top: 16px; */
	/* right: 112px */
/* } */