body {
    min-height: 668px;
}

.h1-holder {
    height: 25vh;
    width: 100%;
    position: absolute;
    top: 0vh;
    left: 0vw;
    background-color: #000000;
    min-height: 220px;
}

h1 {
    color: #cfb4b4;
    font-size: 9vw;
    font-family: 'Alata', sans-serif;
    text-align: center;
    width: 100%;
    margin-top: 1%;
}

.graph-holder {
    width: 100%;
    height: 75vh;
    position: absolute;
    left: 0vw;
    background-image: linear-gradient(90deg, #D31027, #EA384D);
    min-height: 664px;
    top: 39vh;
}

.graph-number-holder {
    height: 100%;
    width: 9%;
    left: 0vw;
    top: 0vh;
    position: absolute;
    background-color: #7880c1;
}

.car-holder {
    position: absolute;
    height: 12%;
    width: 91%;
    bottom: 0vh;
    right: 0vw;
    background-color: #7880c1;
}

.number-box {
    width: 100%;
    height: 7%;
    position: relative;
    display: inline-block;
    margin-top: 5%;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.number {
    position: absolute;
    right: 0%;
    font-size: 3vw;
    top: -48%;
    font-family: arial;
}

.car-type-holder {
    width: 24.6%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.car-type-p {
    position: absolute;
    font-size: 3vw;
    font-family: arial;
    top: -45%;
    text-align: center;
    width: 100%;
}

.graph-block-holder {
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: rgba(0, 0, 0, 0);
    width: 91%;
    height: 88%;
}

.graph-block {
    width: 25%;
    position: absolute;
    height: 19%;
    bottom: 0%;
}

button {
    width: 12%;
    height: 26%;
    position: absolute;
    left: -6%;
    margin-left: 50%;
    bottom: 10%;
    font-family: arial;
    font-size: 2.5vw;
    cursor: pointer;
}

.blue {
    left: 0%;
    background-color: blue;
}

.yellow {
    left: 25%;
    background-color: yellow;
}

.green {
    left: 50%;
    background-color: green;
}

.purple {
    left: 75%;
    background-color: purple;
}