@import url("https://fonts.googleapis.com/css?family=Nunito+Sans");
:root,
body {
  height: 100%;
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  display: -ms-grid;
  display: grid;
  grid: auto 1fr / 100%;
  background: #252525;
  font-family: "Nunito Sans", sans-serif;
  padding: 25px;
}

body:before {
  bottom: 0%;
  left: 0px;
  width: 100%;
  height: 100%;
  background: bottom left/200px no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxv%0AbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAx%0ANS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAw%0AIEJ1aWxkIDApICAtLT4KPHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3Jn%0AL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVj%0Ab21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcv%0AMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8v%0Ad3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3Jn%0ALzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5%0AOS94bGluayIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3Vy%0AY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2Fw%0AZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2Fw%0AZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgi%0AIHdpZHRoPSI5MzIuNSIgaGVpZ2h0PSI5MzIuNSIgdmlld0JveD0iMCAwIDkz%0AMi41IDkzMi41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MDggOTMy%0ALjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxtZXRhZGF0YSBpZD0ibWV0YWRh%0AdGE0NTg0Ii8+PGRlZnMgaWQ9ImRlZnM0NTgyIj48bGluZWFyR3JhZGllbnQg%0AaWQ9ImxpbmVhckdyYWRpZW50NDYxMiI+PHN0b3Agc3R5bGU9InN0b3AtY29s%0Ab3I6I2VmYzAyZTtzdG9wLW9wYWNpdHk6MSIgb2Zmc2V0PSIwIiBpZD0ic3Rv%0AcDQ2MDgiLz48c3RvcCBzdHlsZT0ic3RvcC1jb2xvcjojZWE4NTM3O3N0b3At%0Ab3BhY2l0eTowLjk0MTE3NjQ3IiBvZmZzZXQ9IjEiIGlkPSJzdG9wNDYxMCIv%0APjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXJH%0AcmFkaWVudDQ2MDQiPjxzdG9wIHN0eWxlPSJzdG9wLWNvbG9yOiNlZDE1ODA7%0Ac3RvcC1vcGFjaXR5OjEiIG9mZnNldD0iMCIgaWQ9InN0b3A0NjAwIi8+PHN0%0Ab3Agc3R5bGU9InN0b3AtY29sb3I6I2VhODUzNztzdG9wLW9wYWNpdHk6MSIg%0Ab2Zmc2V0PSIxIiBpZD0ic3RvcDQ2MDIiLz48L2xpbmVhckdyYWRpZW50Pjxs%0AaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ0NTk2Ij48c3RvcCBz%0AdHlsZT0ic3RvcC1jb2xvcjojMTg3NmI2O3N0b3Atb3BhY2l0eToxOyIgb2Zm%0Ac2V0PSIwIiBpZD0ic3RvcDQ1OTIiLz48c3RvcCBzdHlsZT0ic3RvcC1jb2xv%0AcjojNjAzNDhkO3N0b3Atb3BhY2l0eToxIiBvZmZzZXQ9IjEiIGlkPSJzdG9w%0ANDU5NCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHhsaW5r%0AOmhyZWY9IiNsaW5lYXJHcmFkaWVudDQ1OTYiIGlkPSJsaW5lYXJHcmFkaWVu%0AdDQ1OTgiIHgxPSIwLjM2NzAwMDAxIiB5MT0iMS4xNzgiIHgyPSIwIiB5Mj0i%0AOTMyLjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVh%0AckdyYWRpZW50IHhsaW5rOmhyZWY9IiNsaW5lYXJHcmFkaWVudDQ2MDQiIGlk%0APSJsaW5lYXJHcmFkaWVudDQ2MDYiIHgxPSIwIiB5MT0iOTMyLjUiIHgyPSIy%0AMTAuNTAzNDMiIHkyPSI2ODQuNTU3OTIiIGdyYWRpZW50VW5pdHM9InVzZXJT%0AcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiNsaW5l%0AYXJHcmFkaWVudDQ2MTIiIGlkPSJsaW5lYXJHcmFkaWVudDQ2MTQiIHgxPSIy%0AMTAuMTk4NDkiIHkxPSI0OTEuODk5NjYiIHgyPSIzNzMuNDM4ODciIHkyPSI0%0AOTEuODk5NjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PC9k%0AZWZzPgo8cGF0aCB0cmFuc2Zvcm09InNjYWxlKDEuMzE1MDM4MywxKSIgc3R5%0AbGU9ImZpbGw6dXJsKCNsaW5lYXJHcmFkaWVudDQ1OTgpO2ZpbGwtb3BhY2l0%0AeToxIiBkPSJNIDAsOTMyLjUgMC4zNjcsMS4xNzggNzA4LjA1NCw5MzIuNSBa%0AIiBpZD0icG9seWdvbjQ1NzEiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzZmY2Zm%0ANDtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MS4xNDY3NTExNyIgZD0i%0ATSA0OTEuMDg2NCw0OTEuODk5NjYgMzkxLjA3MDMxLDkzMy42NTAzOSA5MzEu%0AMDQ2ODgsOTMyLjUgWiIgaWQ9InBvbHlnb240NTczIi8+CjxwYXRoIHRyYW5z%0AZm9ybT0ic2NhbGUoMS4zMTUwMzgzLDEpIiBzdHlsZT0iZmlsbDp1cmwoI2xp%0AbmVhckdyYWRpZW50NDYwNik7ZmlsbC1vcGFjaXR5OjEiIGQ9Ik0gMjk3LjM4%0AMzU1LDkzMy42NDk4MiAyMTAuNTAzNDMsNjg0LjU1Nzk1IDAsOTMyLjUgWiIg%0AaWQ9InBvbHlnb240NTc1Ii8+CjxwYXRoIHRyYW5zZm9ybT0ic2NhbGUoMS4z%0AMTUwMzgzLDEpIiBzdHlsZT0iZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50NDYx%0ANCk7ZmlsbC1vcGFjaXR5OjEiIGQ9Ik0gMjk3LjM4MzU1LDkzMy42NDk4MiAz%0ANzMuNDM4ODYsNDkxLjg5OTY2IDIxMC41MDM0Myw2ODQuNTU3OTUgWiIgaWQ9%0AInBvbHlnb240NTc3Ii8+Cjwvc3ZnPgo=");
}

body:before, header h1:before {
  content: "";
  position: absolute;
}

header {
  display: -ms-grid;
  display: grid;
  grid: auto 1fr /100%;
  color: #f5f5f5;
}

header code {
  font-size: 26px;
  font-weight: bold;
  border: solid gray 2px;
  padding: 5px 10px;
}

header h1 {
  position: relative;
  font-size: 24px;
}

header h1:before {
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: gray;
}

main {
  color: #f5f5f5;
  font-size: 18px;
}
/*# sourceMappingURL=styles.css.map */