div.container {
    text-align: center; 
}
a:hover {
    background-position:0 calc(100% - 1.5px);
    border-bottom:none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%234FC3F7' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: auto 4px;
    border-bottom: 0;
    padding-bottom: .25em;
    text-decoration: none;
    cursor: pointer;
  }

#chart-area {
    text-align: center; 
}


.background {
    fill: white;
    pointer-events: all;
  }

  

  #bar-chart { 
    text-align: center; 
  }

ul {text-align: left;}
ul {float: center;}
ul{padding-left: 8%}

.bar{
  fill: orangered;
}

/* .bar:hover{
  opacity: 0.5;
}
*/
.x.axis path{
  display:none;
}
.d3-tip{
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

h3{
  font-weight: 550;
}

div.tooltip {	
  position: absolute;			
  text-align: center;			
  width: 140px;					
  height: 100px;					
  padding: 2px;				
  font: 14px sans-serif;		
  background:rgb(224, 223, 223, 0.85);	
  border: 0px;		
  border-radius: 8px;			
  pointer-events: none;		
  color:black;
  font-weight: bold;

  
}
html {
  scroll-behavior: smooth;
}

svg {
  font: 18px sans-serif;
  shape-rendering: crispEdges;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
}

path.domain {
  stroke: none;
}

.y .tick line {
  stroke: #ddd;
}
.parallax {
  background-image: url("https://everytownresearch.org/wp-content/uploads/2018/08/GVIA_hero_080218C-01.png");
  height:900px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.parallax2{
  background-image: url("https://psmag.com/.image/t_share/MTU0MzY5NDg5MDY3MDU4NTEy/gettyimages-931946354.jpg");
  height:900px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  color:#fff;
}
.parallax3{
  background-image: url("https://imgix.bustle.com/uploads/image/2019/8/5/90ece4ff-01d5-4ee7-91b2-a44015860628-endgunviolence.jpg?w=970&h=546&fit=crop&crop=faces&auto=format&q=70");
  height:900px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;

}
.parallax4{
  background-image: url("https://media1.giphy.com/media/3gXbniaGHy5xe/giphy.gif");
  height:500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;

}
.parallax5{
  background-image: url("https://storage.googleapis.com/afs-prod/media/e19d55ccc3624cf1a47f35e6a6843326/800.jpeg");
  height:900px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  color: #fff;
}

#header{
  position: absolute;
  z-index: 1000;
  top: 200px;
  left: 200px;
}
.text-box{
	height: 600px;
  padding: 50px;
}

.navbar {
  margin-bottom: 0 !important;
}
.padding-table-columns td
{
    padding:0 5px 0 0; /* Only right padding*/
}
p {
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 500px;
  margin-right: 0;
}


/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 10px;
  text-align: center;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  padding-right: 50px;
  padding-left: 50px;
}

li { 
  text-align: left;
  padding-right: 5px;
  padding-left: 50px;

}