// Setup stuff
* {
  font-family: 'IBM Plex Mono', monospace;
  top: 0;
}

html {
  background-color: #DDE1E9;
}

body {
  color: #141414;
  padding-bottom: 5em;
}

a {
  color:#b7162e;
  cursor: crosshair;
  outline: 1px solid transparent;
  margin: 0;
  text-decoration: none;
}

a:hover {
  font-weight: bold;
  outline: 3px solid;
  transition: 0.3s;
}

h1 {
  font-weight: bold;
}

#main {
  position: relative;
  width:60%;
  max-width:50em;
  margin: auto;

  top: 3em;
  left: 6.5em;
  
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em;
  padding-right: 3em;

  background-color: #EFF1F5;
}

li {
  list-style-type: square;
  padding-bottom: 2em;
}

.container {
  padding: 20px;
}