:root {
    --main-bg-color:rgb(108, 108, 108);
    --heading-font-color:rgb(255, 255, 255);
    --other-font-color:rgb(205, 205, 205);
  }


body{
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    display:flex;
    flex-direction: column;
    align-items: center;
    background:var(--main-bg-color);
    height:100vh;
}

.heading{
    font-size: 2rem;
    text-shadow:black 2px 2px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color:var(--heading-font-color)
}

svg{
    color:var(--other-font-color);
}

.axis-heading{
    fill:var(--heading-font-color);
}

.description{
    color:var(--other-font-color);
}

.footer{
    color:var(--other-font-color);
    font-size: 0.8rem;
}