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

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Noto+Sans:wght@400;700&family=Nunito+Sans:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Oswald:wght@400;700&family=Poppins:wght@400;700&family=Raleway:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&family=Source+Sans+Pro:wght@400;700&family=Ubuntu:wght@400;700&display=swap');

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;
}