*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.app-loading{
    display: flex;
    height: 100vh;
    width: 100%;
    align-items: center;
    background: black;
    justify-content: center;
}
.content-loading{
    display: flex;
    width: 60%;
    height: 60%;
    align-items: center;
    justify-content: center;
}
.container-loading{
    display: flex;
    height: 80%;
    width: 50%;
    align-items: center;
    justify-content: center;
}
.container-loading object{
    width: 100%;
    height: 60%;
}
.loadericon{
    height: 80%;
    text-align: center;
}
@keyframes animate-juice{
    0%,25%
    {
        background: linear-gradient(135deg,white,rgb(196, 196, 196),gray,rgb(92, 92, 92));
    }
    26%,50%
    {
        background: linear-gradient(135deg,rgb(92, 92, 92),white,rgb(196, 196, 196),gray,);
    }
    51%,75%
    {
        background: linear-gradient(135deg,gray,rgb(92, 92, 92),white,rgb(196, 196, 196));
    }
    76%,100%
    {
        background: linear-gradient(135deg,white,rgb(196, 196, 196),gray,rgb(92, 92, 92));
    }
}
.container-loading h3{
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    display: inline-block;
    animation: animate_text 2s linear infinite;
}
@keyframes animate_text {
    0%,25%
    {
        opacity: 0;
    }
    51%,75%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
@media (max-width: 600px) {
    .bar{
        width: 200px;
    }
    .juice{
        width: 96%;
    }
    .container-loading h3{
        font-size: 18px;
    }
}