@charset "UTF-8";
/* CSS Document */

/* Set Body Family Font */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Set Headers as Bold */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/* Set Height */
.height-top-down {
    padding: 100px 0;
}

/* Set Scrollbar */
.sps--abv {
    background-color: transparent;
    color: #000000;
}

.sps--blw {
    background-color: #2b2b2b;
    color: #fff
}

nav.sps--abv .logo {
    width: 80px;
}

/* Set logo */
.logo {
    width: 50px;
    padding: 5px 0;
}
/* Set Icon Social Media size */
.iconsSM {
    width: 20px;
    margin: 10px 5;
}

/* infography */
.infography {
    position: relative;
    top: 600px;
    left: 200px;
    /* overflow: hidden; */
    margin: 10px 10;
    border-radius: 5px;
    position: static;
    bottom: 1250px;
    z-index: 9000;
    padding-left: 00px;
    padding-top: 50px;
    display: inline-block;
    width: 900px;
    height: 1000px;
}

/* infography for plots*/
.infographyPlots {
    position: relative;
    top: 600px;
    left: 200px;
    /* overflow: hidden; */
    margin: 10px 10;
    border-radius: 5px;
    position: static;
    bottom: 1250px;
    z-index: 9000;
    padding-left: 00px;
    padding-top: 50px;
    display: inline-block;
    width: 750px;
    height: 450px;
}

footer {
    background-color:rgb(27, 27, 31);
    padding: 0px 20;
    text-align: center;
}

footer.logo {
    width: 20px;
    margin-bottom: 20px;
}

footer p {
    color: whitesmoke;
    font-size: 14px;
}


#Suicide_Analysis {
  border-radius: 8px;
}

.chart::before {
  position: relative;
  top: 400px;
  left: 300px;
  z-index: -1;
  display: block;
  width: 400px;
  height: 300px;
  content: " ";
  background-image: url("Resources/purple-petaled-flowers-near-black-book-2228552.jpg");
  background-repeat: no-repeat;
  background-position: 10% 100;
  background-size: cover;
  opacity: 0.3;
}

#graphicBody {
    margin-top: 120px;
}