/**************
|  style.css  |
**************/

body {
  background-color: #eee;
  box-sizing: border-box;
  text-align: center;
  margin: auto 0;
  color: #111;
  padding: 0;
}

.container {
  width: 80%;
  padding: 20px;
  margin: 0 auto;
  text-align: left;
}

h4 {
  color: firebrick;
  padding-bottom: 20px;
}

.sans {
  width: 100%;
  font-size: 42px;
  font-family: sans-serif;
}

ul {
  list-style-type: none;
}

.roboto {
  font-family: 'Roboto', sans-serif;
}

.open-sans {
  font-family: 'Open Sans', sans-serif;
}

.montserrat {
  font-family: 'Montserrat', sans-serif;
}

.lato {
  font-family: 'Lato', sans-serif;
}

.poppins {
  font-family: 'Poppins', sans-serif;
}

.source-sans-pro {
  font-family: 'Source Sans Pro', sans-serif;
}

.roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif;
}

.oswald {
  font-family: 'Oswald', sans-serif;
}

.inter {
  font-family: 'Inter', sans-serif;
}

.raleway {
  font-family: 'Raleway', sans-serif;
}

.noto-sans {
  font-family: 'Noto Sans', sans-serif;
}

.ubuntu {
  font-family: 'Ubuntu', sans-serif;
}

.nunito {
  font-family: 'Nunito', sans-serif;
}

.nunito-sans {
  font-family: 'Nunito Sans', sans-serif;
}

.bold {
  font-weight: 700;
  padding-bottom: 15px;
}