@font-face {
  font-family: 'Satoshi';
  src: url('./data/Satoshi-Medium.otf');
}

html {
  width: 100%;
  height: 100%;
}

body {
  background: #efefef;
  color: #333;
}

* {
  box-sizing: border-box;
  font-family: 'Satoshi', sans-serif;
}

h1 {
  text-align: center;
}

#tooltip {
    display: none;
    background: #facc0d;
    margin-left: 28px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    width:200px;
    height:100px;
}

path {
    transition: .4s fill;
    fill: #1d2f6f;
}

path:hover {
    fill: #929dc8;
}