style.scss

---
---

//
// IMPORTS
//

@import "reset";
@import "variables";

header {
  background-image: url('{{ site.baseurl }}/images/header-bg.jpg');
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}

footer {
  background-color: $lightGray;
  padding: 10px;
}

#main {
  min-height: 400px;
}

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

img {
  max-width: 400px;
  max-height: 200px;
  float: left;
  margin: 20px;
}

ul {
  list-style-type: disc;
}

h2 {
  padding-top: 40px;
}

.card-img-top {
  margin: 0px;
  max-width: 100%;
}

.carousel-inner img {
  max-width: none;
  max-height: none;
}

// Settled on moving the import of syntax highlighting to the bottom of the CSS
// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
@import "highlights";
@import "svg-icons";