<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div > <div class="bs-example bs-example-type" data-example-id="simple-headings"> <svg viewBox="50% 0 1900 250" id="awan"> <clippath id="cp-text"> <text text-anchor="middle" x="330px" y="150px" class="text--line"> SERVICE.GOV.MN </text> </clippath> <g id="g2555" transform="matrix(4, 0, 0, 4, -60, -30)" style="fill:#ffd42a"> <path id="circle2461" d="M 36.985294,34.222128 C 34.225842,34.222128 31.985294,36.462674 31.985294,39.222123 C 31.985294,41.29071 33.243596,43.06633 35.036252,43.82617 C 34.511484,43.317286 34.186024,42.603893 34.186033,41.815736 C 34.186033,40.274653 35.433472,39.023117 36.973017,39.016476 C 36.977161,39.016476 36.981149,39.016496 36.985294,39.016476 C 38.3079,39.009771 39.379398,37.934268 39.379398,36.610094 C 39.379398,35.419045 38.511863,34.429342 37.375098,34.237475 C 37.246205,34.227498 37.116732,34.222128 36.985294,34.222128 z M 38.940484,34.618076 C 39.45436,35.125679 39.772277,35.831275 39.772277,36.610094 C 39.772277,38.151177 38.524828,39.402712 36.985294,39.409355 C 36.981188,39.409372 36.977122,39.409355 36.973017,39.409355 C 35.6504,39.416058 34.578912,40.491562 34.578912,41.815736 C 34.578902,43.082863 35.560726,44.122902 36.804206,44.21598 C 36.864238,44.218119 36.924732,44.219049 36.985294,44.219049 C 39.744746,44.219049 41.985294,41.981572 41.985294,39.222123 C 41.985294,37.15596 40.729742,35.379403 38.940484,34.618076 z M 36.985294,35.627897 C 37.527457,35.627896 37.967491,36.067921 37.967491,36.610094 C 37.967481,37.152266 37.527467,37.592291 36.985294,37.592291 C 36.443112,37.59229 36.003097,37.152266 36.003097,36.610094 C 36.003087,36.06792 36.443121,35.627897 36.985294,35.627897 z M 36.985294,40.83354 C 37.527457,40.833539 37.967491,41.273564 37.967491,41.815736 C 37.967481,42.357908 37.527467,42.797933 36.985294,42.797933 C 36.443112,42.797932 36.003097,42.357909 36.003097,41.815736 C 36.003087,41.273563 36.443121,40.83354 36.985294,40.83354 z" style="fill:#ffd42a;fill-opacity:1" /> <path id="lower_bow_of_crescent" transform="scale(0.1)" d="M 314.875,206.25 C 314.86944,206.57187 314.84375,206.89556 314.84375,207.21875 C 314.84375,237.57875 339.48375,262.21876 369.84375,262.21875 C 400.20375,262.21875 424.84375,237.57875 424.84375,207.21875 C 424.84375,206.89548 424.81806,206.57195 424.8125,206.25 C 415.53816,227.41143 394.41512,242.21875 369.84375,242.21875 C 345.2712,242.21875 324.14864,227.41307 314.875,206.25 z" style="fill:#ffd42a" /> <circle transform="translate(16.9853, 0.220588)" id="upper_circle" cx="20" cy="19" r="4" sodipodi:cx="20" sodipodi:cy="19" sodipodi:rx="4" sodipodi:ry="4" style="fill:#ffd42a" /> <path id="flame" d="M 36.887817,6.2676076 C 36.126617,6.8199191 36.697237,7.7090307 36.641257,8.1827452 C 36.580846,8.6939222 36.326331,8.7972745 36.211211,9.2148544 C 36.065195,9.7445039 36.13714,10.293185 36.245615,10.510726 C 36.344145,10.708322 36.416611,10.880871 36.452037,11.032515 C 36.454815,11.04441 36.461241,11.055245 36.463505,11.066918 C 36.464316,11.069533 36.462736,11.075755 36.463505,11.078386 C 36.46376,11.079836 36.463257,11.082676 36.463505,11.08412 C 36.464628,11.088082 36.468213,11.091588 36.469239,11.095588 C 36.471292,11.103588 36.473311,11.110375 36.474973,11.118524 C 36.475388,11.120562 36.474582,11.122212 36.474973,11.124258 C 36.475257,11.126619 36.474712,11.127641 36.474973,11.129992 C 36.475265,11.131636 36.474696,11.134076 36.474973,11.135726 C 36.479533,11.162944 36.486463,11.187485 36.486441,11.216001 C 36.486657,11.492527 36.25838,11.720588 35.981854,11.720588 C 35.705327,11.72059 35.482784,11.492527 35.483,11.216001 C 35.482997,11.211682 35.482896,11.208828 35.483,11.204533 C 35.483107,11.200239 35.482788,11.197333 35.483,11.193065 C 35.483235,11.188371 35.488371,11.186258 35.488734,11.181597 C 35.488833,11.180327 35.488626,11.177131 35.488734,11.175863 C 35.488896,11.173188 35.488529,11.167063 35.488734,11.164395 C 35.488947,11.162293 35.488496,11.160759 35.488734,11.158661 C 35.488982,11.156003 35.488444,11.155581 35.488734,11.152927 C 35.489263,11.148751 35.488105,11.145605 35.488734,11.14146 C 35.489725,11.133529 35.493123,11.12639 35.494468,11.118524 C 35.494883,11.116487 35.494028,11.114819 35.494468,11.11279 C 35.494711,11.111483 35.494217,11.108362 35.494468,11.107056 C 35.494841,11.105441 35.494081,11.102931 35.494468,11.101322 C 35.494991,11.098715 35.499643,11.09819 35.500202,11.095588 C 35.500716,11.093588 35.499665,11.091845 35.500202,11.089854 C 35.501391,11.084663 35.50461,11.077821 35.505936,11.072652 C 35.506292,11.071474 35.505571,11.068094 35.505936,11.066918 C 35.506982,11.06305 35.510553,11.059309 35.51167,11.05545 C 35.512788,11.051594 35.510483,11.042097 35.51167,11.038249 C 35.591657,10.779251 35.827852,10.546086 35.827037,10.206827 C 35.825956,9.7579571 35.522716,9.5325479 35.454331,9.3926066 C 35.406127,9.2939443 35.327074,9.0172672 35.442863,8.7389369 C 35.231342,8.9992232 34.994265,9.1983553 34.995615,9.4843498 C 34.996622,9.6980011 35.11581,9.912803 35.10456,10.224029 C 35.091509,10.585139 34.506744,10.816388 34.485294,11.720588 C 34.485294,13.102454 35.60343,14.22059 36.985294,14.220588 C 38.367158,14.220588 39.485294,13.102454 39.485294,11.720588 C 39.463844,10.816388 38.879079,10.585139 38.866028,10.224029 C 38.854778,9.912803 38.973964,9.6980011 38.974973,9.4843498 C 38.976323,9.1983553 38.739246,8.9992232 38.527725,8.7389369 C 38.643514,9.0172672 38.564459,9.2939443 38.516257,9.3926066 C 38.447872,9.5325479 38.144632,9.7579571 38.143551,10.206827 C 38.142736,10.546086 38.378931,10.779251 38.458918,11.038249 C 38.459492,11.039777 38.458356,11.042449 38.458918,11.043982 C 38.459307,11.045267 38.458538,11.048432 38.458918,11.049716 C 38.459595,11.051645 38.458263,11.053513 38.458918,11.05545 C 38.460035,11.059309 38.463606,11.06305 38.464652,11.066918 C 38.466742,11.074656 38.468602,11.082067 38.470386,11.089854 C 38.473072,11.099806 38.474043,11.108338 38.47612,11.118524 C 38.477015,11.123768 38.481112,11.130454 38.481854,11.135726 C 38.483463,11.145639 38.480835,11.154296 38.481854,11.164395 C 38.482265,11.169731 38.481617,11.176228 38.481854,11.181597 C 38.482217,11.186258 38.487353,11.188371 38.487588,11.193065 C 38.487613,11.194416 38.487573,11.197449 38.487588,11.198799 C 38.487666,11.20094 38.487534,11.202386 38.487588,11.204533 C 38.487692,11.208828 38.487591,11.211682 38.487588,11.216001 C 38.487804,11.492527 38.265261,11.720588 37.988734,11.720588 C 37.7727,11.72059 37.588628,11.579768 37.518551,11.388019 C 37.517989,11.386485 37.519098,11.383827 37.518551,11.382285 C 37.499988,11.329893 37.484101,11.274764 37.484147,11.216001 C 37.484123,11.185757 37.490496,11.158762 37.495615,11.129992 C 37.496347,11.125883 37.494784,11.122599 37.495615,11.118524 C 37.496945,11.112005 37.499769,11.107748 37.501349,11.101322 C 37.502268,11.096205 37.506059,11.089219 37.507083,11.08412 C 37.508206,11.08016 37.505866,11.070839 37.507083,11.066918 C 37.508208,11.061839 37.511597,11.060509 37.512817,11.05545 C 37.514782,11.049634 37.51638,11.043968 37.518551,11.038249 C 37.518988,11.036572 37.518105,11.034192 37.518551,11.032515 C 37.566336,10.85317 37.668377,10.689049 37.713505,10.568066 C 37.794725,10.350317 37.96294,9.9923681 37.960065,9.5359553 C 37.957894,9.191236 37.877204,8.4195241 37.455477,7.8215066 C 37.118109,7.3431158 36.899725,7.1378872 36.784606,6.8295342 C 36.725907,6.6723355 36.7724,6.4694969 36.887817,6.2676076 z" style="fill:#ffd42a" /> <rect id="left_beam" x="25.985294" y="27.220589" width="5" height="24" style="fill:#ffd42a" /> <rect id="right_beam" x="42.985294" y="27.220589" width="5" height="24" style="fill:#ffd42a" /> <path id="upper_triangle" d="M 31.985294,27.220588 L 41.985294,27.220588 L 36.985294,30.220588" style="fill:#ffd42a" /> <rect id="upper_crossbeam" x="31.985294" y="31.220589" width="10" height="2" style="fill:#ffd42a" /> <rect id="lower_crossbeam" x="31.985294" y="45.220589" width="10" height="2" style="fill:#ffd42a" /> <path id="lower_triangle" d="M 31.985294,48.220588 L 41.985294,48.220588 L 36.985294,51.220588" style="fill:#ffd42a" /> </g> <!-- Group for shadow --> <g clip-path="url(#cp-text)" class="shadow"> <rect width="100%" height="100%" class="anim-shape anim-shape--shadow"></rect> </g> <!-- Group with clippath for text--> <g clip-path="url(#cp-text)" class="colortext"> <!-- Animated shapes inside text --> <rect width="100%" height="100%" class="anim-shape"></rect> <rect width="80%" height="100%" class="anim-shape"></rect> <rect width="60%" height="100%" class="anim-shape"></rect> <rect width="40%" height="100%" class="anim-shape"></rect> <rect width="20%" height="100%" class="anim-shape"></rect> </g> <!-- Transparent copy of text to keep patterned text selectable --> <use xlink:href="#s-text" class="text--transparent"></use> </svg> </div> </div> <div id="particles-js"></div>

@import url('https://fonts.googleapis.com/css?family=Nunito'); @import url('https://fonts.googleapis.com/css?family=Poiret+One'); * { background:#C0DEED} #awan { position:fixed; top:0px;left:0px; width:100%; height:100%; text-align:center; margin:0px; padding:0px; background-color:#C0DEED; background: url(https://abs.twimg.com/images/themes/theme1/bg.png) center top repeat-x; padding-top:100px; padding-bottom:10px; width: 100%; height: 100%; animation: awan-animasi 10s linear infinite; -ms-animation: awan-animasi 10s linear infinite; -moz-animation: awan-animasi 10s linear infinite; -webkit-animation: awan-animasi 10s linear infinite; } @keyframes awan-animasi { from { background-position: 0 0; } to { background-position: 100% 0; }; } @-webkit-keyframes awan-animasi { from { background-position: 0 0; } to { background-position: 100% 0; }; } @-ms-keyframes awan-animasi { from { background-position: 0 0; } to { background-position: 100% 0; }; } @-moz-keyframes awan-animasi { from { background-position: 0 0; } to { background-position: 100% 0; }; } body { color: #fff; } /*1/6*/ /* Main stuff */ .text--transparent { fill: transparent; } .anim-shape { -webkit-transform-origin: 0x 15px; transform-origin: 0x 15px; -webkit-transform: scale(0, 1) translate(0, 0); transform: scale(0, 1) translate(0, 0); -webkit-animation: moving-panel 3s infinite alternate; animation: moving-panel 5s infinite alternate; } .colortext .anim-shape:nth-child(1) { fill: #23a5dd; } .colortext .anim-shape:nth-child(2) { fill: #209bd7; } .colortext .anim-shape:nth-child(3) { fill: #238fcf; } .colortext .anim-shape:nth-child(4) { fill: #147cc1; } .colortext .anim-shape:nth-child(5) { fill: #417cc0; } .shadow { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } .anim-shape--shadow { fill: #000; fill-opacity: 0.2; } @-webkit-keyframes moving-panel { 100% { -webkit-transform: scale(1, 1) translate(20px, 0); transform: scale(1, 1) translate(20px, 0); } } @keyframes moving-panel { 100% { -webkit-transform: scale(1, 1) translate(20px, 0); transform: scale(1, 1) translate(20px, 0); } } /* Other stuff */ svg { width: 30%; display: block; text-transform: uppercase; font: 400 4em/1 'Open Sans', Impact; } /*1/6*/ /*2/6*/ .box-with-text-stripped { background-image: -webkit-linear-gradient(crimson 50%, white 50%); background-position: 0 0; -webkit-background-clip: text; background-size: 100% 15px; background-repeat: repeat; -webkit-animation: stripes 3s linear infinite; animation: stripes 3s linear infinite; -webkit-text-fill-color: transparent; } .box-with-text-stripped { text-transform: uppercase; white-space: nowrap; } @-webkit-keyframes stripes { 100% { background-position: 0 -50px; } } @keyframes stripes { 100% { background-position: 0 -50px; } } /*3/6*/ /* Main stuff */ .box-with-text { position: relative; overflow: hidden; text-transform: uppercase; font-size: 10; } .box-with-text:before { content: ''; display: block; position: absolute; border-radius: 50%; box-shadow: 0vmax 0vmax 10vmax 10vmax purple, 15vmax 0vmax 10vmax 10vmax violet, 30vmax 0vmax 10vmax 10vmax teal, 45vmax 0vmax 10vmax 10vmax orangered, 60vmax 0vmax 10vmax 10vmax yellow, 75vmax 0vmax 10vmax 10vmax crimson, 90vmax 0vmax 10vmax 10vmax yellowgreen, 105vmax 0vmax 10vmax 10vmax orange, 120vmax 0vmax 10vmax 10vmax darkturquoise, 135vmax 0vmax 10vmax 10vmax pink, 0vmax 15vmax 10vmax 10vmax steelblue, 15vmax 15vmax 10vmax 10vmax turquoise, 30vmax 15vmax 10vmax 10vmax coral, 45vmax 15vmax 10vmax 10vmax skyblue, 60vmax 15vmax 10vmax 10vmax darkviolet, 75vmax 15vmax 10vmax 10vmax gold, 90vmax 15vmax 10vmax 10vmax purple, 105vmax 15vmax 10vmax 10vmax violet, 120vmax 15vmax 10vmax 10vmax teal, 135vmax 15vmax 10vmax 10vmax orangered, 0vmax 30vmax 10vmax 10vmax yellow, 15vmax 30vmax 10vmax 10vmax crimson, 30vmax 30vmax 10vmax 10vmax yellowgreen, 45vmax 30vmax 10vmax 10vmax orange, 60vmax 30vmax 10vmax 10vmax darkturquoise, 75vmax 30vmax 10vmax 10vmax pink, 90vmax 30vmax 10vmax 10vmax steelblue, 105vmax 30vmax 10vmax 10vmax turquoise, 120vmax 30vmax 10vmax 10vmax coral, 135vmax 30vmax 10vmax 10vmax skyblue, 0vmax 45vmax 10vmax 10vmax darkviolet, 15vmax 45vmax 10vmax 10vmax gold, 30vmax 45vmax 10vmax 10vmax darkslateblue, 45vmax 45vmax 10vmax 10vmax purple, 60vmax 45vmax 10vmax 10vmax violet, 75vmax 45vmax 10vmax 10vmax teal, 90vmax 45vmax 10vmax 10vmax orangered, 105vmax 45vmax 10vmax 10vmax yellow, 120vmax 45vmax 10vmax 10vmax crimson, 135vmax 45vmax 10vmax 10vmax yellowgreen, 0vmax 60vmax 10vmax 10vmax orange, 15vmax 60vmax 10vmax 10vmax darkturquoise, 30vmax 60vmax 10vmax 10vmax pink, 45vmax 60vmax 10vmax 10vmax steelblue, 60vmax 60vmax 10vmax 10vmax turquoise, 75vmax 60vmax 10vmax 10vmax coral, 90vmax 60vmax 10vmax 10vmax skyblue, 105vmax 60vmax 10vmax 10vmax darkviolet, 120vmax 60vmax 10vmax 10vmax gold, 135vmax 60vmax 10vmax 10vmax darkslateblue; -webkit-animation: shadows-cells 2.5s linear infinite; animation: shadows-cells 2.5s linear infinite; } .box-with-text:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; display: block; } .text { position: relative; display: block; color: white; background: black; mix-blend-mode: darken; } @-webkit-keyframes shadows-cells { 25% { box-shadow: 0vmax 0vmax 10vmax 10vmax coral, 15vmax 0vmax 10vmax 10vmax skyblue, 30vmax 0vmax 10vmax 10vmax darkviolet, 45vmax 0vmax 10vmax 10vmax gold, 60vmax 0vmax 10vmax 10vmax purple, 75vmax 0vmax 10vmax 10vmax violet, 90vmax 0vmax 10vmax 10vmax teal, 105vmax 0vmax 10vmax 10vmax orangered, 120vmax 0vmax 10vmax 10vmax yellow, 135vmax 0vmax 10vmax 10vmax crimson, 0vmax 15vmax 10vmax 10vmax yellowgreen, 15vmax 15vmax 10vmax 10vmax orange, 30vmax 15vmax 10vmax 10vmax darkturquoise, 45vmax 15vmax 10vmax 10vmax pink, 60vmax 15vmax 10vmax 10vmax steelblue, 75vmax 15vmax 10vmax 10vmax turquoise, 90vmax 15vmax 10vmax 10vmax coral, 105vmax 15vmax 10vmax 10vmax skyblue, 120vmax 15vmax 10vmax 10vmax darkviolet, 135vmax 15vmax 10vmax 10vmax gold, 0vmax 30vmax 10vmax 10vmax darkslateblue, 15vmax 30vmax 10vmax 10vmax purple, 30vmax 30vmax 10vmax 10vmax violet, 45vmax 30vmax 10vmax 10vmax teal, 60vmax 30vmax 10vmax 10vmax orangered, 75vmax 30vmax 10vmax 10vmax yellow, 90vmax 30vmax 10vmax 10vmax crimson, 105vmax 30vmax 10vmax 10vmax yellowgreen, 120vmax 30vmax 10vmax 10vmax orange, 135vmax 30vmax 10vmax 10vmax darkturquoise, 0vmax 45vmax 10vmax 10vmax pink, 15vmax 45vmax 10vmax 10vmax steelblue, 30vmax 45vmax 10vmax 10vmax turquoise, 45vmax 45vmax 10vmax 10vmax coral, 60vmax 45vmax 10vmax 10vmax skyblue, 75vmax 45vmax 10vmax 10vmax darkviolet, 90vmax 45vmax 10vmax 10vmax gold, 105vmax 45vmax 10vmax 10vmax darkslateblue, 120vmax 45vmax 10vmax 10vmax purple, 135vmax 45vmax 10vmax 10vmax violet, 0vmax 60vmax 10vmax 10vmax teal, 15vmax 60vmax 10vmax 10vmax orangered, 30vmax 60vmax 10vmax 10vmax yellow, 45vmax 60vmax 10vmax 10vmax crimson, 60vmax 60vmax 10vmax 10vmax yellowgreen, 75vmax 60vmax 10vmax 10vmax orange, 90vmax 60vmax 10vmax 10vmax darkturquoise, 105vmax 60vmax 10vmax 10vmax pink, 120vmax 60vmax 10vmax 10vmax steelblue, 135vmax 60vmax 10vmax 10vmax turquoise; } 45% { box-shadow: 0vmax 0vmax 10vmax 10vmax yellowgreen, 15vmax 0vmax 10vmax 10vmax orange, 30vmax 0vmax 10vmax 10vmax darkturquoise, 45vmax 0vmax 10vmax 10vmax pink, 60vmax 0vmax 10vmax 10vmax steelblue, 75vmax 0vmax 10vmax 10vmax turquoise, 90vmax 0vmax 10vmax 10vmax coral, 105vmax 0vmax 10vmax 10vmax skyblue, 120vmax 0vmax 10vmax 10vmax darkviolet, 135vmax 0vmax 10vmax 10vmax gold, 0vmax 15vmax 10vmax 10vmax purple, 15vmax 15vmax 10vmax 10vmax violet, 30vmax 15vmax 10vmax 10vmax teal, 45vmax 15vmax 10vmax 10vmax orangered, 60vmax 15vmax 10vmax 10vmax yellow, 75vmax 15vmax 10vmax 10vmax crimson, 90vmax 15vmax 10vmax 10vmax yellowgreen, 105vmax 15vmax 10vmax 10vmax orange, 120vmax 15vmax 10vmax 10vmax darkturquoise, 135vmax 15vmax 10vmax 10vmax pink, 0vmax 30vmax 10vmax 10vmax steelblue, 15vmax 30vmax 10vmax 10vmax turquoise, 30vmax 30vmax 10vmax 10vmax coral, 45vmax 30vmax 10vmax 10vmax skyblue, 60vmax 30vmax 10vmax 10vmax darkviolet, 75vmax 30vmax 10vmax 10vmax gold, 90vmax 30vmax 10vmax 10vmax darkslateblue, 105vmax 30vmax 10vmax 10vmax purple, 120vmax 30vmax 10vmax 10vmax violet, 135vmax 30vmax 10vmax 10vmax teal, 0vmax 45vmax 10vmax 10vmax orangered, 15vmax 45vmax 10vmax 10vmax yellow, 30vmax 45vmax 10vmax 10vmax crimson, 45vmax 45vmax 10vmax 10vmax yellowgreen, 60vmax 45vmax 10vmax 10vmax orange, 75vmax 45vmax 10vmax 10vmax darkturquoise, 90vmax 45vmax 10vmax 10vmax pink, 105vmax 45vmax 10vmax 10vmax steelblue, 120vmax 45vmax 10vmax 10vmax turquoise, 135vmax 45vmax 10vmax 10vmax coral, 0vmax 60vmax 10vmax 10vmax skyblue, 15vmax 60vmax 10vmax 10vmax darkviolet, 30vmax 60vmax 10vmax 10vmax gold, 45vmax 60vmax 10vmax 10vmax darkslateblue, 60vmax 60vmax 10vmax 10vmax purple, 75vmax 60vmax 10vmax 10vmax violet, 90vmax 60vmax 10vmax 10vmax teal, 105vmax 60vmax 10vmax 10vmax orangered, 120vmax 60vmax 10vmax 10vmax yellow, 135vmax 60vmax 10vmax 10vmax crimson; } 75% { box-shadow: 0vmax 0vmax 10vmax 10vmax teal, 15vmax 0vmax 10vmax 10vmax orangered, 30vmax 0vmax 10vmax 10vmax yellow, 45vmax 0vmax 10vmax 10vmax crimson, 60vmax 0vmax 10vmax 10vmax yellowgreen, 75vmax 0vmax 10vmax 10vmax orange, 90vmax 0vmax 10vmax 10vmax darkturquoise, 105vmax 0vmax 10vmax 10vmax pink, 120vmax 0vmax 10vmax 10vmax steelblue, 135vmax 0vmax 10vmax 10vmax turquoise, 0vmax 15vmax 10vmax 10vmax coral, 15vmax 15vmax 10vmax 10vmax skyblue, 30vmax 15vmax 10vmax 10vmax darkviolet, 45vmax 15vmax 10vmax 10vmax gold, 60vmax 15vmax 10vmax 10vmax darkslateblue, 75vmax 15vmax 10vmax 10vmax purple, 90vmax 15vmax 10vmax 10vmax violet, 105vmax 15vmax 10vmax 10vmax teal, 120vmax 15vmax 10vmax 10vmax orangered, 135vmax 15vmax 10vmax 10vmax yellow, 0vmax 30vmax 10vmax 10vmax crimson, 15vmax 30vmax 10vmax 10vmax yellowgreen, 30vmax 30vmax 10vmax 10vmax orange, 45vmax 30vmax 10vmax 10vmax darkturquoise, 60vmax 30vmax 10vmax 10vmax pink, 75vmax 30vmax 10vmax 10vmax steelblue, 90vmax 30vmax 10vmax 10vmax turquoise, 105vmax 30vmax 10vmax 10vmax coral, 120vmax 30vmax 10vmax 10vmax skyblue, 135vmax 30vmax 10vmax 10vmax darkviolet, 0vmax 45vmax 10vmax 10vmax gold, 15vmax 45vmax 10vmax 10vmax darkslateblue, 30vmax 45vmax 10vmax 10vmax purple, 45vmax 45vmax 10vmax 10vmax violet, 60vmax 45vmax 10vmax 10vmax teal, 75vmax 45vmax 10vmax 10vmax orangered, 90vmax 45vmax 10vmax 10vmax yellow, 105vmax 45vmax 10vmax 10vmax crimson, 120vmax 45vmax 10vmax 10vmax yellowgreen, 135vmax 45vmax 10vmax 10vmax orange, 0vmax 60vmax 10vmax 10vmax darkturquoise, 15vmax 60vmax 10vmax 10vmax pink, 30vmax 60vmax 10vmax 10vmax steelblue, 45vmax 60vmax 10vmax 10vmax turquoise, 60vmax 60vmax 10vmax 10vmax coral, 75vmax 60vmax 10vmax 10vmax skyblue, 90vmax 60vmax 10vmax 10vmax darkviolet, 105vmax 60vmax 10vmax 10vmax gold, 120vmax 60vmax 10vmax 10vmax darkslateblue, 135vmax 60vmax 10vmax 10vmax purple; } } @keyframes shadows-cells { 25% { box-shadow: 0vmax 0vmax 10vmax 10vmax coral, 15vmax 0vmax 10vmax 10vmax skyblue, 30vmax 0vmax 10vmax 10vmax darkviolet, 45vmax 0vmax 10vmax 10vmax gold, 60vmax 0vmax 10vmax 10vmax purple, 75vmax 0vmax 10vmax 10vmax violet, 90vmax 0vmax 10vmax 10vmax teal, 105vmax 0vmax 10vmax 10vmax orangered, 120vmax 0vmax 10vmax 10vmax yellow, 135vmax 0vmax 10vmax 10vmax crimson, 0vmax 15vmax 10vmax 10vmax yellowgreen, 15vmax 15vmax 10vmax 10vmax orange, 30vmax 15vmax 10vmax 10vmax darkturquoise, 45vmax 15vmax 10vmax 10vmax pink, 60vmax 15vmax 10vmax 10vmax steelblue, 75vmax 15vmax 10vmax 10vmax turquoise, 90vmax 15vmax 10vmax 10vmax coral, 105vmax 15vmax 10vmax 10vmax skyblue, 120vmax 15vmax 10vmax 10vmax darkviolet, 135vmax 15vmax 10vmax 10vmax gold, 0vmax 30vmax 10vmax 10vmax darkslateblue, 15vmax 30vmax 10vmax 10vmax purple, 30vmax 30vmax 10vmax 10vmax violet, 45vmax 30vmax 10vmax 10vmax teal, 60vmax 30vmax 10vmax 10vmax orangered, 75vmax 30vmax 10vmax 10vmax yellow, 90vmax 30vmax 10vmax 10vmax crimson, 105vmax 30vmax 10vmax 10vmax yellowgreen, 120vmax 30vmax 10vmax 10vmax orange, 135vmax 30vmax 10vmax 10vmax darkturquoise, 0vmax 45vmax 10vmax 10vmax pink, 15vmax 45vmax 10vmax 10vmax steelblue, 30vmax 45vmax 10vmax 10vmax turquoise, 45vmax 45vmax 10vmax 10vmax coral, 60vmax 45vmax 10vmax 10vmax skyblue, 75vmax 45vmax 10vmax 10vmax darkviolet, 90vmax 45vmax 10vmax 10vmax gold, 105vmax 45vmax 10vmax 10vmax darkslateblue, 120vmax 45vmax 10vmax 10vmax purple, 135vmax 45vmax 10vmax 10vmax violet, 0vmax 60vmax 10vmax 10vmax teal, 15vmax 60vmax 10vmax 10vmax orangered, 30vmax 60vmax 10vmax 10vmax yellow, 45vmax 60vmax 10vmax 10vmax crimson, 60vmax 60vmax 10vmax 10vmax yellowgreen, 75vmax 60vmax 10vmax 10vmax orange, 90vmax 60vmax 10vmax 10vmax darkturquoise, 105vmax 60vmax 10vmax 10vmax pink, 120vmax 60vmax 10vmax 10vmax steelblue, 135vmax 60vmax 10vmax 10vmax turquoise; } 45% { box-shadow: 0vmax 0vmax 10vmax 10vmax yellowgreen, 15vmax 0vmax 10vmax 10vmax orange, 30vmax 0vmax 10vmax 10vmax darkturquoise, 45vmax 0vmax 10vmax 10vmax pink, 60vmax 0vmax 10vmax 10vmax steelblue, 75vmax 0vmax 10vmax 10vmax turquoise, 90vmax 0vmax 10vmax 10vmax coral, 105vmax 0vmax 10vmax 10vmax skyblue, 120vmax 0vmax 10vmax 10vmax darkviolet, 135vmax 0vmax 10vmax 10vmax gold, 0vmax 15vmax 10vmax 10vmax purple, 15vmax 15vmax 10vmax 10vmax violet, 30vmax 15vmax 10vmax 10vmax teal, 45vmax 15vmax 10vmax 10vmax orangered, 60vmax 15vmax 10vmax 10vmax yellow, 75vmax 15vmax 10vmax 10vmax crimson, 90vmax 15vmax 10vmax 10vmax yellowgreen, 105vmax 15vmax 10vmax 10vmax orange, 120vmax 15vmax 10vmax 10vmax darkturquoise, 135vmax 15vmax 10vmax 10vmax pink, 0vmax 30vmax 10vmax 10vmax steelblue, 15vmax 30vmax 10vmax 10vmax turquoise, 30vmax 30vmax 10vmax 10vmax coral, 45vmax 30vmax 10vmax 10vmax skyblue, 60vmax 30vmax 10vmax 10vmax darkviolet, 75vmax 30vmax 10vmax 10vmax gold, 90vmax 30vmax 10vmax 10vmax darkslateblue, 105vmax 30vmax 10vmax 10vmax purple, 120vmax 30vmax 10vmax 10vmax violet, 135vmax 30vmax 10vmax 10vmax teal, 0vmax 45vmax 10vmax 10vmax orangered, 15vmax 45vmax 10vmax 10vmax yellow, 30vmax 45vmax 10vmax 10vmax crimson, 45vmax 45vmax 10vmax 10vmax yellowgreen, 60vmax 45vmax 10vmax 10vmax orange, 75vmax 45vmax 10vmax 10vmax darkturquoise, 90vmax 45vmax 10vmax 10vmax pink, 105vmax 45vmax 10vmax 10vmax steelblue, 120vmax 45vmax 10vmax 10vmax turquoise, 135vmax 45vmax 10vmax 10vmax coral, 0vmax 60vmax 10vmax 10vmax skyblue, 15vmax 60vmax 10vmax 10vmax darkviolet, 30vmax 60vmax 10vmax 10vmax gold, 45vmax 60vmax 10vmax 10vmax darkslateblue, 60vmax 60vmax 10vmax 10vmax purple, 75vmax 60vmax 10vmax 10vmax violet, 90vmax 60vmax 10vmax 10vmax teal, 105vmax 60vmax 10vmax 10vmax orangered, 120vmax 60vmax 10vmax 10vmax yellow, 135vmax 60vmax 10vmax 10vmax crimson; } 75% { box-shadow: 0vmax 0vmax 10vmax 10vmax teal, 15vmax 0vmax 10vmax 10vmax orangered, 30vmax 0vmax 10vmax 10vmax yellow, 45vmax 0vmax 10vmax 10vmax crimson, 60vmax 0vmax 10vmax 10vmax yellowgreen, 75vmax 0vmax 10vmax 10vmax orange, 90vmax 0vmax 10vmax 10vmax darkturquoise, 105vmax 0vmax 10vmax 10vmax pink, 120vmax 0vmax 10vmax 10vmax steelblue, 135vmax 0vmax 10vmax 10vmax turquoise, 0vmax 15vmax 10vmax 10vmax coral, 15vmax 15vmax 10vmax 10vmax skyblue, 30vmax 15vmax 10vmax 10vmax darkviolet, 45vmax 15vmax 10vmax 10vmax gold, 60vmax 15vmax 10vmax 10vmax darkslateblue, 75vmax 15vmax 10vmax 10vmax purple, 90vmax 15vmax 10vmax 10vmax violet, 105vmax 15vmax 10vmax 10vmax teal, 120vmax 15vmax 10vmax 10vmax orangered, 135vmax 15vmax 10vmax 10vmax yellow, 0vmax 30vmax 10vmax 10vmax crimson, 15vmax 30vmax 10vmax 10vmax yellowgreen, 30vmax 30vmax 10vmax 10vmax orange, 45vmax 30vmax 10vmax 10vmax darkturquoise, 60vmax 30vmax 10vmax 10vmax pink, 75vmax 30vmax 10vmax 10vmax steelblue, 90vmax 30vmax 10vmax 10vmax turquoise, 105vmax 30vmax 10vmax 10vmax coral, 120vmax 30vmax 10vmax 10vmax skyblue, 135vmax 30vmax 10vmax 10vmax darkviolet, 0vmax 45vmax 10vmax 10vmax gold, 15vmax 45vmax 10vmax 10vmax darkslateblue, 30vmax 45vmax 10vmax 10vmax purple, 45vmax 45vmax 10vmax 10vmax violet, 60vmax 45vmax 10vmax 10vmax teal, 75vmax 45vmax 10vmax 10vmax orangered, 90vmax 45vmax 10vmax 10vmax yellow, 105vmax 45vmax 10vmax 10vmax crimson, 120vmax 45vmax 10vmax 10vmax yellowgreen, 135vmax 45vmax 10vmax 10vmax orange, 0vmax 60vmax 10vmax 10vmax darkturquoise, 15vmax 60vmax 10vmax 10vmax pink, 30vmax 60vmax 10vmax 10vmax steelblue, 45vmax 60vmax 10vmax 10vmax turquoise, 60vmax 60vmax 10vmax 10vmax coral, 75vmax 60vmax 10vmax 10vmax skyblue, 90vmax 60vmax 10vmax 10vmax darkviolet, 105vmax 60vmax 10vmax 10vmax gold, 120vmax 60vmax 10vmax 10vmax darkslateblue, 135vmax 60vmax 10vmax 10vmax purple; } }

$.getScript("https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js", function(){ particlesJS('particles-js', { "particles": { "number": { "value": 80, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 5 }, "image": { "width": 100, "height": 100 } }, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false } }, "size": { "value": 5, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false } }, "line_linked": { "enable": true, "distance": 150, "color": "#ffffff", "opacity": 0.4, "width": 1 }, "move": { "enable": true, "speed": 6, "direction": "none", "random": false, "straight": false, "out_mode": "out", "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": true, "mode": "repulse" }, "onclick": { "enable": true, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 400, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 200 }, "push": { "particles_nb": 4 }, "remove": { "particles_nb": 2 } } }, "retina_detect": true, "config_demo": { "hide_card": false, "background_color": "#b61924", "background_image": "", "background_position": "50% 50%", "background_repeat": "no-repeat", "background_size": "cover" } } ); });