.blobs-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--tertiary-color);
    background: -webkit-linear-gradient(left top, var(--tertiary-color), var(--primary-color));
    background: -o-linear-gradient(bottom right, var(--tertiary-color), var(--primary-color));
    background: -moz-linear-gradient(bottom right, var(--tertiary-color), var(--primary-color));
    background: linear-gradient(to bottom right, var(--tertiary-color), var(--primary-color));
}

.blobs-container:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(https://next.atcom.gr/StaticData/Landing2017/Content/Media/dots-transparent.png) repeat scroll center center;
    opacity: 0.05;
    z-index: 0;
}

#loader {
    display: block;
    width: 100%;
    height: 100%;
}

rect {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.blobs {
    -webkit-filter: url("#goo");
    filter: url("#goo");
}

.blob {
    fill: white;
}