/* base reset so that I can set the padding and margins*/
/* Generally, I'll make 
  padding- 10px 15px
  and margin - 20px */
* {
  margin: 0;
  padding: 0;
  /* max-width: 2000px; */
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* Setting the base properties for the entire page */
/* box-sizing so that everything will contain its internal elements*/
html,
body {
  color: #191919;
  font-size: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  margin-left: auto;
  margin-right: auto;
  /*This will make it so when you click on a link, 
      it will scroll to that spot rather than jump*/
}

/* CSS for the navbar to make it stick while scrolling,
    take up the width of the page, and position the flex-items*/
nav {
  padding: 10px 15px;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #272727;
  background-image: url("../images/pexels-felix-mittermeier-956981.jpg");
  z-index: 500;
  /*This makes sure that the nav is always visible on top of any other element*/
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  font-family: "Bebas Neue", sans-serif;
}

/*------ Navbar CSS------ */
nav a {
  text-decoration: none;
  color: #181b1d;
  font-size: 1.2rem;
}

nav #left-nav,
nav #right-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

nav #left-nav {
  padding-left: 1rem;
}

nav #right-nav {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 45vw;
}

main {
  background-color: #597bbe;
}

#intro-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#intro-section #leaflet-section {
  width: 40vw;
  padding: 17px;
  background-color: whitesmoke;
}

#intro-section #graph-section {
  width: 60vw;
}

#intro-section #graph-section #graph-images {
  height: 70%;
  margin-left: auto;
  margin-right: auto;
}

#about-section {
  background-color: #272727;
  color: whitesmoke;
  padding: 17px;
}

#about-section a {
  color: whitesmoke;
}

h1,
h2,
h3 {
  font-family: "Bebas Neue", sans-serif;
}

#map {
  height: 430px;
  width: 430px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

footer {
  color: whitesmoke;
  padding: 17px;
  color: rgba(245, 245, 245, 0.488);
  text-align: right;
  background-color: #272727;
}

footer a {
  color: whitesmoke;
}
/*# sourceMappingURL=styles.css.map */