body{
    min-width:100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0;
    background-color: #aca3a3;
    font-family: sans-serif;
}

#defaultCanvas0
{
    box-shadow: 2px 2px 18px #000;
    max-width: calc(100vw - 10px);
    max-height: calc(100vh - 10px);
} 

.container
{
    transition: 500ms;
    clip-path: circle(0.0% at 100% 0);
    z-index: 10;
    overflow-x:hidden;
    overflow-y: auto
}

.container.visible
{
    transition: 500ms;
    clip-path: circle(139.9% at 99% 1%);
}

.color_container:hover
{
    transition: 200ms;
    transform: scale(1.07);
}

.color_container:active
{
    transition: 100ms;
    transform: scale(0.8);
    opacity: 0.8;
}