#ba {
    transition: background-color 1s ease;
}
html, body {
    height: 100%;
    margin: 0;
}
.d {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#gnar {
    width: 60vmin;
    height: 50vmin;
    position: absolute;
    transition: transform 1.5s ease;
}
#clicky {
    font-size: 6vmin;
    position: relative;
    font-family: 'Comic Sans MS';
    background-color: powderblue;
    transition: background-color 0.15s ease;
    margin-top: 60vmin;
    border: 4px solid black;
    border-radius: 40px;
    cursor: pointer;
}
#clicky:hover {
    background-color: slateblue;
}
#clicky:active {
    background-color: red;
}