.choice-button{
    background-color: var(--greenGrass);
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    color: var(--lightColor);
    -webkit-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}
  
.choice-button:hover{
    background-color: var(--lightColor);
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    color: var(--darkColor);
    -webkit-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}
  

.icon-color{
    color: var(--greenGrass);
}

.pop-color{
    color: var(--danger);
}

.text-fluid{
    font-size: 8rem;
    color: var(--greenGrass);
}
@media only screen and (max-width: 1199px) {
    .text-fluid{
        font-size: 6rem;
    }
}
@media only screen and (max-width: 991px) {
    .text-fluid{
        font-size: 4.5rem;
    }
}
@media only screen and (max-width: 767px) {
    .text-fluid{
        font-size: 4rem;
    }
}
@media only screen and (max-width: 575px) {
    .text-fluid{
        font-size: 3.5rem;
    }
}
@media only screen and (max-width: 375px) {
    .text-fluid{
        font-size: 3rem;
    }
}