body {
		font: 1rem sans-serif;
		background-color: white;
	}
	h1 {
		color: black;
	}
	p {
		padding:0;
		margin:0;
		font-size: 1rem;
	}
	.container {
		display: flex;
	}
	#bdays, #ddays, #names, #ages {
		background-color: #ccc;
		border: 1px solid #ccc;
		width: 20%;
		padding: 1rem;
		margin: 1rem;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
	}
	table {
		border-spacing: 0;
		background-color: white;
	}
	td {
		border: 1px solid #ccc;
		padding: .25rem;
	}
  #charts {
    flex-direction: column;
  }
  
  div.tooltip {
	position: absolute;
	text-align: center;
	width: 60px;
	height: 1rem;
	padding: 5px;
	font: 12px sans-serif;
	background: lightsteelblue;
	border: 0px;
	border-radius: 8px;
	pointer-events: none;
	}

	div.tooltip:after {
	content:'';
    display:block;
    width:0;
    height:0;
    transform: translateX(-50%);
  	position: absolute;
  	left: 20%;
    border-top: 10px solid lightsteelblue;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top:1.6rem;
	}

	.bar:hover{
  fill: green;
	}