a#exploding_kittens{
    /* background-color: rgb(15, 15, 15); */
    width: 80px;
    height: 80px;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 90px auto auto auto;
    background-color: black;
    transition: filter ease-in-out 20ms;
    transition: rotate ease-in-out 0.3s;

    
}

#exploding_kittens img{
    width: 49px;
    filter: brightness(200%);
}

a#exploding_kittens:hover{
    filter: invert(1);
    rotate: -180deg;
    transform: scaleX(-1);
}

a#color_run{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3f0b6c;
    width: 260px;
    height: 65px;
    margin: 90px auto auto auto;
    transition: filter ease-in-out 1s;
    border-radius: 15px;
}

a#color_run img{
    width: 230px;
}

a#color_run:hover{
    scale: 105%;
    filter: hue-rotate(360deg);
    
}

a#botanic_gardens{
    background-color: white;
    border: 4px solid rgb(0, 107, 54);
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto auto auto;
    font-family: "transat-text", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
}

a#botanic_gardens img{
    width: 100px;
}

a#botanic_gardens span{
    display: none;
}

a#botanic_gardens:hover{
    background-color: rgb(0, 107, 54);
    width: 200px;
    height: 80px;
    margin: 80px auto auto auto;

}

a#botanic_gardens:hover img{
    display: none;
}

a#botanic_gardens:hover span{
    display: block;
    color: white;
    text-transform: uppercase;
}




a#foreflight{
    font-family: "gesta", sans-serif;
    font-weight: 900;
    font-style: normal;
    text-decoration: none;
    color: #212e39;
    font-size: 20px;
    border: 2px solid #2c97de;
    width: 140px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px auto auto auto;
    border-radius: 3px;
    transition: all .3s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

a#foreflight:hover{
    color: white;
    border-color: #5bbeff;
    background-image: url(https://d32dgjuo8qzfhk.cloudfront.net/assets/600x440_BA_no-text.png);
}

a#dime_city_cycles{
    background-color: #931d1d;
    border: 2px solid #d4c7b9;
    width: 200px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 90px auto auto auto;
    transition: all ease-in-out 20ms;
}

a#dime_city_cycles img{
    width: 150px;
}

a#dime_city_cycles:hover{
    background-color: #751313;
    border-color: white;
}