#loading-bar-left{animation:morph 1s linear .2s infinite;transform-origin:center}.blob-block-container{position:relative;width:100%;padding-top:100%}.blob-block{position:absolute;top:0;left:0;width:100%;height:100%}.blob1bg svg{fill:#f06;opacity:.2;transform:scale(1.1);transition:all .4s ease !important;-moz-transition:all .4s ease !important;-webkit-transition:all .4s ease !important}.blob2bg svg{fill:#f6861f;opacity:.2;transform:scale(1.1);transition:all .4s ease !important;-moz-transition:all .4s ease !important;-webkit-transition:all .4s ease !important}.blob-block-container:hover .blob1bg svg{animation:morph2 1.5s alternate 0s 1;transform-origin:center;animation-fill-mode:forwards}.blob-block-container:hover .blob2bg svg{fill:#f6861f;animation:morph 2s alternate 0s 1;transform-origin:center;animation-fill-mode:forwards}.block-overlay{top:0;left:0;position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none !important}.blob-block-container:hover .block-overlay h4{color:#fff;transition:all 1.4s ease !important;-moz-transition:all 1.4s ease !important;-webkit-transition:all 1.4s ease !important}.block-overlay h4{margin:0;font-size:1.5rem;font-weight:bold}@keyframes morph{0%{transform:rotateY(20deg) rotateX(10deg) rotateZ(0) scale(1.1);opacity:.2}100%{transform:rotateY(10deg) rotateX(20deg) rotateZ(40deg) scale(1.5);opacity:.6}}@keyframes morph2{0%{transform:rotateY(10deg) rotateX(20deg) rotateZ(0) scale(1.1);opacity:.2}100%{transform:rotateY(0) rotateX(10deg) rotateZ(-80deg) scale(1.4);opacity:.5}}