body
{
    color: white;
}

a
{
    color: white; 
}


:root
{
    background-color: black;
    background-image: url(bg_aero.png);
    background-size: 100vw 100vh;
}

.bubble_container
{
    position: absolute;
    width: 0px;
    height: 0px;
}

.bubble
{
    position:absolute;
    width:200px;
    height:200px;
    background-image: url(bubble.png);
    background-size:contain;
    transform:translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: width 0.3s, height 0.3s;
}

.bubble:hover
{
    width: 210px;
    height:210px;
    filter:drop-shadow(0px 0px 0.1px rgba(255,255,255,50%));
}

.bubble:active
{
    filter:drop-shadow(0px 0px 0.1px rgba(255,255,255,50%));
}