/* Style inspiration and settings adapted from https://github.com/jgthms/web-design-in-4-minutes*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap');

/* Base */
html {
  font-size: 18px;
}

/* 01 Font family */

body {
  font-family: "IBM Plex Mono", "Courier New", monospace;
}

/* 03 Spacing */


.padded {
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 30px;
}

.main-content {
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 30px;
}

div.main-content h2 {
  padding-top: 15px;
  padding-bottom: 5px;
}

header h1, h5 {
  display: inline;
}

/* 04 Color and contrast */

body {
  color: #F8FDDD;
  background-color: #3D2200;
}

h1,
h2,
strong {
  color: #dcdede;
}

header h5 {
  font-weight: lighter;
}

/* 05 Balance */

code {
  padding: 2px 4px;
  vertical-align: text-bottom;
}

/* 06 Primary color */

a {
  color: #ff851b;
}

/* 07 Secondary colors */

h1,
h2,
strong {
  font-weight: 500;
}