*{
    background: #ffffff;
    /* background: #db1414; */
    /* background: linear-gradient(90deg, rgba(219, 20, 20, 1) 0%, rgba(30, 52, 217, 1) 50%, rgba(132, 0, 255, 1) 100%); */
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

canvas {
    display: block;
    margin: 20px auto;
}

.year-control {
    text-align: center;
    margin-top: 30px;
}

.year-display {
    color: #000000;
    font-family: "inter";
    font-size: 3em;
    font-weight: bold;
    /* margin-bottom: 5px; */
}

.information{
    text-align: center;
    margin-top: 30px;
}

h1{
    color: #000000;
    font-family: "inter";
    font-size: 3em;
    margin-bottom: 10px;
}

h2{
    color: #000000;
    font-family: "inter";
    font-size: 1.2em;
    margin-bottom: 20px;
}

#year-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    background: rgb(0, 0, 0);
    border: none;
    border-radius: 50%;
}

#year-slider::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: rgb(0, 0, 0);
    border: none;
    border-radius: 50%;
}

#year-slider::-moz-range-track {
    height: 8px;
    background: rgb(139, 139, 139);
    border-radius: 4px;
}