/*-------------------------------------------------------------- GLOBAL */
body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: dimgrey;
}

.nav {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    background-color: #F5F5F5;
    color: #F5F5F5;
    list-style: none;
    text-align: center;
    padding: 20px 0 20px 0;
}

.nav > li {
    display: inline-block;
    padding-left: 100px;
}

.nav > li:first-of-type {
    padding-left: 0;
}

.nav > li > a {
    text-decoration: none;
    color: dimgrey;
}

.nav > li > a:hover {
    text-decoration: none;
    color: black;
}

/*-------------------------------------------------------------- Home */

.home {
    padding-left: 200px;
 }

 .homeScreen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 750px;

}

/*-------------------------------------------------------------- CONTAINER */
.container {
    background: #ffffff;
    margin: 10rem 30%;
    padding-bottom: 5rem;
}

.container h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.container h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-top: 4rem;
}

/*-------------------------------------------------------------- Chart */
.chart > svg {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.chart {
    margin-bottom: 5rem;
}

/*-------------------------------------------------------------- TABLES */
table {
  border-collapse: collapse;
  border: 1px solid #ddd;
}

th, td {
  border-bottom: 1px solid #ddd;
  padding: .25rem 1rem;
}

th {
  background-color: #ddd;
  text-align: left;
  font-family: 'Montserrat';
}

tr td:first-of-type {
    text-decoration: underline;
}

/*-------------------------------------------------------------- BUTTONS */
.btnDownload {
    background-color: steelblue;
    border: none;
    padding: 15px 32px;
    text-align: center;
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 16px;
    transition-duration: 0.4s;
    width: calc(50% - 66px);
    margin-left: 0;
    margin-right: 0
}

.btnDownload:hover {
    background-color: #325e82;
    color: white;
    text-decoration: underline;
}

.btnHome {
    background-color: steelblue;
    border: none;
    padding: 15px 32px;
    text-align: center;
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 16px;
    transition-duration: 0.4s;
    width: calc(50% - 66px);
    margin-left: 0;
    margin-right: 0
}

.btnDownload:hover {
    background-color: #325e82;
    color: white;
    text-decoration: underline;
}

/*-------------------------------------- Lists */
ol ol {list-style-type: lower-alpha;}
li {padding-bottom: .25rem;}