#example[data-v-c6bc49e9]{background:#171123 linear-gradient(180deg,#171123 40%,#cdc7d5 120%);height:600px;overflow:hidden;position:relative;width:100%}#example .special-title[data-v-c6bc49e9]{color:#fff!important;font-size:82px;left:50%;line-height:100%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}@media screen and (max-width:768px){#example .special-title[data-v-c6bc49e9]{font-size:32px}}#mesh-gradient.four-elements[data-v-c6bc49e9]{background:linear-gradient(180deg,#171123 -20%,#ff1e49 45%,#2e53f9);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;position:relative;width:100%}#mesh-gradient.four-elements .element[data-v-c6bc49e9]{border-radius:100px;filter:blur(200px);position:absolute;transition:background 1s}#mesh-gradient.four-elements .top-left[data-v-c6bc49e9]{animation:four-elements-c6bc49e9 10s linear infinite;animation-delay:0s;background:#ff1e49;height:50%;left:0;opacity:0;top:0;width:50%}#mesh-gradient.four-elements .top-right[data-v-c6bc49e9]{animation:four-elements-c6bc49e9 10s linear infinite;animation-delay:-10s;background:#ff1e49;height:50%;opacity:0;right:0;top:0;width:50%}#mesh-gradient.four-elements .bottom-left[data-v-c6bc49e9]{animation:four-elements-c6bc49e9 10s linear infinite;animation-delay:0;background:#a276b2;bottom:0;height:50%;left:0;opacity:0;width:50%}#mesh-gradient.four-elements .bottom-right[data-v-c6bc49e9]{animation:four-elements-c6bc49e9 10s linear infinite;animation-delay:-12.5s;background:#2e53f9;bottom:0;height:50%;opacity:0;right:0;width:50%}@keyframes four-elements-c6bc49e9{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(2)}to{opacity:0;transform:scale(1)}}#mesh-gradient.sixteen-elements[data-v-c6bc49e9]{background:linear-gradient(180deg,#caa466 20%,#c3d5ad,#a276b2 80%);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;height:100%;position:relative;width:100%}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(2){animation-delay:-1.25s;background:red}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(3){animation-delay:-1.875s;background:#ff3000}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(4){animation-delay:-2.5s;background:#ff6000}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(5){animation-delay:-3.125s;background:#ff8f00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(6){animation-delay:-3.75s;background:#ffbf00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(7){animation-delay:-4.375s;background:#ffef00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(8){animation-delay:-5s;background:#dfff00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(9){animation-delay:-5.625s;background:#afff00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(10){animation-delay:-6.25s;background:#80ff00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(11){animation-delay:-6.875s;background:#50ff00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(12){animation-delay:-7.5s;background:#20ff00}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(13){animation-delay:-8.125s;background:#00ff10}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(14){animation-delay:-8.75s;background:#00ff40}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(15){animation-delay:-9.375s;background:#00ff70}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(16){animation-delay:-10s;background:#00ff9f}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(17){animation-delay:-10.625s;background:#00ffcf}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(18){animation-delay:-11.25s;background:#0ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(19){animation-delay:-11.875s;background:#00cfff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(20){animation-delay:-12.5s;background:#009fff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(21){animation-delay:-13.125s;background:#0070ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(22){animation-delay:-13.75s;background:#0040ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(23){animation-delay:-14.375s;background:#0010ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(24){animation-delay:-15s;background:#2000ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(25){animation-delay:-15.625s;background:#5000ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(26){animation-delay:-16.25s;background:#8000ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(27){animation-delay:-16.875s;background:#af00ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(28){animation-delay:-17.5s;background:#df00ff}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(29){animation-delay:-18.125s;background:#ff00ef}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(30){animation-delay:-18.75s;background:#ff00bf}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(31){animation-delay:-19.375s;background:#ff008f}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(32){animation-delay:-20s;background:#ff0060}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]:nth-child(33){animation-delay:-20.625s;background:#ff0030}#mesh-gradient.sixteen-elements .element[data-v-c6bc49e9]{animation:sixteen-elements-c6bc49e9 10s linear infinite;border-radius:100px}#mesh-gradient.sixteen-elements[data-v-c6bc49e9]:after{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#mesh-gradient.sixteen-elements.no-blur[data-v-c6bc49e9]:after{display:none}#mesh-gradient.ramijames-elements[data-v-c6bc49e9]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;height:100%;position:relative;width:100%}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(2){animation-delay:-3.25s;background-color:#6a7cbe}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(3){animation-delay:-4.875s;background-color:#404aa4}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(4){animation-delay:-6.5s;background-color:#caa466}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(5){animation-delay:-8.125s;background-color:#b5803d}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(6){animation-delay:-9.75s;background-color:#5b7d39}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(7){animation-delay:-11.375s;background-color:#a276b2}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(8){animation-delay:-13s;background-color:#7d4793}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(9){animation-delay:-14.625s;background-color:#f29453}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(10){animation-delay:-16.25s;background-color:#c3d5ad}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(11){animation-delay:-17.875s;background-color:#abc48c}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(12){animation-delay:-19.5s;background-color:#dbd7e1}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(13){animation-delay:-21.125s;background-color:#cdc7d5}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(14){animation-delay:-22.75s;background-color:#82a0ce}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(15){animation-delay:-24.375s;background-color:#507aba}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(16){animation-delay:-26s;background-color:#ff1e49}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]:nth-child(17){animation-delay:-27.625s;background-color:#2e53f9}#mesh-gradient.ramijames-elements .element[data-v-c6bc49e9]{animation:sixteen-elements-c6bc49e9 6s linear infinite;border-radius:100px;mix-blend-mode:hard-light}#mesh-gradient.ramijames-elements[data-v-c6bc49e9]:after{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#00000003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes sixteen-elements-c6bc49e9{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(2.5)}to{opacity:0;transform:scale(1)}}