/* Franklin */
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-normal-300.ttf");
  src: url("../fonts/franklin-normal-300.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-normal-500.ttf");
  src: url("../fonts/franklin-normal-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-normal-600.ttf");
  src: url("../fonts/franklin-normal-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-normal-700.ttf");
  src: url("../fonts/franklin-normal-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-normal-800.ttf");
  src: url("../fonts/franklin-normal-800.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-normal-900.ttf");
  src: url("../fonts/franklin-normal-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-italic-300.ttf");
  src: url("../fonts/franklin-italic-300.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-italic-500.ttf");
  src: url("../fonts/franklin-italic-500.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-italic-600.ttf");
  src: url("../fonts/franklin-italic-600.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-italic-700.ttf");
  src: url("../fonts/franklin-italic-700.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-italic-800.ttf");
  src: url("../fonts/franklin-italic-800.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Franklin";
  src: url("../Fonts/franklin-italic-900.ttf");
  src: url("../fonts/franklin-italic-900.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
/* Imperial */
@font-face {
  font-family: "Imperial";
  src: url("../Fonts/imperial-normal-500.ttf");
  src: url("../fonts/imperial-normal-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Imperial";
  src: url("../Fonts/imperial-normal-600.ttf");
  src: url("../fonts/imperial-normal-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Imperial";
  src: url("../Fonts/imperial-normal-700.ttf");
  src: url("../fonts/imperial-normal-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Imperial";
  src: url("../Fonts/imperial-italic-500.ttf");
  src: url("../fonts/imperial-italic-500.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Imperial";
  src: url("../Fonts/imperial-italic-600.ttf");
  src: url("../fonts/imperial-italic-600.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Imperial";
  src: url("../Fonts/imperial-italic-700.ttf");
  src: url("../fonts/imperial-italic-700.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/* Cheltenham */
@font-face {
  font-family: "Cheltenham";
  src: url("../Fonts/cheltenham-italics.ttf");
  src: url("../fonts/cheltenham-italics.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Cheltenham";
  src: url("../Fonts/cheltenham-bold.ttf");
  src: url("../fonts/cheltenham-bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Cheltenham";
  src: url("../Fonts/cheltenham-medium.ttf");
  src: url("../fonts/cheltenham-medium.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
:root {
  font-size: 19px;
}

a {
  color: green;
  font-size: inherit;
}

a:hover {
  color: rgb(52, 153, 52);
  text-decoration: underline;
}

body {
  font-weight: normal;
  font-style: normal;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  font-family: "Imperial", georgia, "times new roman", times, serif;
}

#everything {
  width: 32em;
  max-width: 90%;
  margin: auto;
  margin-top: 100px;
}

h1, h2, h3, h4, h5, p, ol, ul, li, a, button, small {
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
  font-size: 1rem;
  font-weight: normal;
  margin-block-end: 0.8em;
}

h1 {
  font-size: 2rem;
  margin-block-start: 2em;
}

h2 {
  font-size: 1.2rem;
  margin-block-start: 2em;
}

.vis-text {
  font-family: "Franklin", arial, helvetica, sans-serif;
}

#longest-charting {
  position: relative;
}
#longest-charting .bar {
  fill: #bbbcbb;
}
#longest-charting .tooltip {
  position: absolute;
  right: 7%;
  bottom: 12%;
  transform: translate(100%, 0%);
  width: 20em;
}

.tooltip {
  background-color: white;
  border: 1px solid #ddd;
  padding: 10px;
  opacity: 0;
}

h3 {
  text-align: center;
  font-weight: bold;
}

#everything div {
  margin-bottom: 4rem;
}

#sus-fraud {
  position: relative;
}
#sus-fraud .tooltip {
  position: absolute;
  right: 0;
  top: 20%;
  transform: translate(0%, -100%);
}

#bubble-chart .tooltip {
  position: absolute;
  z-index: 1;
}

/*# sourceMappingURL=style.css.map */