cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              $neonColour1: #ff0099;
$neonColour2: #83f52c;

body {
	height: 100vh;
	background-color: #000;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAgAElEQVRogY1beUBN2/f/fM87juM4tuu6ritXZZ5JRJQMkXkqJENUSlJCE5FCKEoyRBMNUuEpypBkKDMpQyLhmYfMPOPD74/zta/zbn6/3/7r3HP2XntNe62111oXAJC6PVyFasZXbWPx5/OEGvOYvD0lBgOadaHvXN4HigBAHM7wO139uaic8+yv66df+sQCwDnNeL7hos7ir99s7nsoT2XEkJPWG5m3ZhoWAAZeqMXXvDRJ+Dmn75kw4dc1CSNnc9Xh2XVtQwIA2Y3nqgEg9H0mFzR0m2qUcZjolhCoAYDP8VtZvYVDQ+IFAEi6/JVrMH6/4mDcewYAyp8+pMh22eNu8KrfU9G3zM64us0HlZezL+sZceZ7z4qDPDZqDAd1EwCg9beO/MXRb/Q2vfO8LTdzQ0dKyMKpGZx5v4lq1Z87hH/PvTemkvVfs00AgOGzYw1+vp/dvC9Jt92s+Pl73ft3fP/HZ/kuY3sLALDfaQpPgThfuy++H/GQX/fOVOhiNoMDgPjkUhYAkj0GitPCOjDfzfdRgvuGDdFEVnmrASDA05QZqg3g3EYkCyNCnooAMK3XRhmi7R23cx9e9BLZ4GXqkZHxqmtaP256wnHlz+9+aUt5AHC1CNQkvX9NEYuxeW2Af41XrB8JWbpIBr/vut0MAPRaFmZ46qUdBwBZ8y+pJ55uSnHesXWJbk3ehWbkXptMNqTzW8rlvvZq0s5mBTdvYgIDAF6jc4W6tQo5myhfdZRiiqgVymTqWbZztEzVOrf7QNafslI11G7Tk9K/R8ixfWoDz6dkx5AfYnXfv9urKAwvk2s8ADwfNkK239kjzZhff5/ODG8DAH3zatK1+fs8BRexiqDH9pb8r5PLP33mHEasMFgX5CRDID9wKbnuPocCmHPYmW7qtemm6Kp1F/9puIxubDtZmtthw3BuZxFL544dd1azIPA8VT8A6O7sqDx+axZ3zqRIrBEs8N0GxKgA4PK1OSIAXIkrEmf1mNShYUQIP8RxHnF0vC8AgOu4BBEA6nyMJpYz7JU+jZNltPx7kFU/JPzOnAclZKDjTBUAnM/10ALAoCEeHAAYcwYsAGS2CVW6pAQKp465CgCQXtaG/Fy71G8kDwCtA2bSd78OVck17sW4WzwABFaaiQDwNSpIAwDFmds4l7KhpHbyQZm0et4J0DNUcfUdZISlPznNAEC3QX9TIS1vGEMNsfcfZiwAZJuUiGi67A3b9ugufml6d+FHrR88ALye+Y5lJl5kY0ecE+sGdBIAwGmjEQ8AS5ZuIlM2u6gB4GO9YAYALLP6CXbWJQIAFAQaaQAgqekh5sSUExT5Y593MStsPrMA0CDCR0bU78Z+r+eUMOsa54g2KIgHAOdGNvT9oOItDADMGNRb8/NdX/MRnPb4S7H8ahILAK/rLSaG/m/1heC7YQ0xfDKHcmnbnnIRADpWnmMAYE7rbAEATGZOEgr+eSrj8pFIScWTp+ews9IzyPW5F7iDY20FAFifGcUDwICoYwoAcGNmcB/yPcTNbSQkunw4Wy0DLj6+LKQpuzIA4DbVnQeAXQNP6c3tWnVGzAxZKLiFu/GBhWlqAKjq0o4FANfcNmKtVec5APB/Oo3HFs6iWmMxZu9j+t5rzXUFALx4sUah6tiFAEBH5XxuyqS56nnTArXba6SJpe/7MUVzx5AWO1gBAIpnHlXGnjDhXBu9YQ5yi4jFvnx2cLBALtsEaJlTBVzJ7Y3E6ltHpmW9bax2nBE/26ofDwAjJ+8hABBVOI4HAPOH72QqbdnVjUpqRuuaMuIrQgaRdo7ned9unQwSTStldgIAHK+EKzFgYGeSaxImjFT2Zb/Gt+UBYOrnIOovX9qcYxda79P2s1PymU47xWkT6gt9Ii1kSJjZJ/9WResrSkiLz0f5R9G+BACGuExn1sVmUKTVe/MUtxPd/l8qbnnGnWpVROksIdmlC6nTqTkVTIMGhcKE4b0JANzMDaE4Jn75yPvdJbrgytypmRoAOoxJYdcuSVdMWvCJB4B1Re+VAPC+/QHRtWkmDwCtTlsRADjpwOhxsFuQWqh55a6kxsYtxbigrcpfv48ff4fVnjxARuUGcgdj12n+vf56yhwVAKQtvs99m7qAIlzv82D6vHPsXnGr0R8yhl+omSyERO7QAkDi4JmqT3+uZgZbzSSdj/ZTAsDLpXaaPa7jDMNWhRrLNryilUKzJoc2UU5Gu+5RU4KSVrOvSWPFqpnbCQD4LHDimpKHer72QzBhAGD+4Q5C4PRuHABMSbEXpo2fSM7tC6WM8kr+IQBA7dSOpNWKLSoA6D5tJGlsFqh8ODmi2jDy57Atlyxzu4admOSLvTkAuDTiHGOdMpUHgOz89VTy7oYelAaM2LSLAYDekT/EvcPVMkvW+MNnAgCVC9MZu1VHqEoEeQmyeRVMQ9FBm6JqvLSQqubX92PI4mgFmzxjFKPs84a1tFumcv2WzwLAGZWT2PjpFj01ruqtc0Ftb6yg+xltfcOllwQxAJA5h2N6XjnGrVdNIpmZRtrqmHEQSxgAuLf8HP9mpD//ZvAb3V6RRh5Mt/hhfLhnjWqNFwCYh69RvKt3jwWAU0MnCbaWG8R4bSUDAOPnhvMXW58mAHDZ5k9xy5lVFPjl3Tc1AOCo/EC14Nb8ViwAHLK6xAJAkyHuMg3Z12SYnvuYXG8q6dG0jTj7QQOxdEIanV8W6EznXlxOKP4Ol/u1+Pk8r/Xj39IF64B1iq1JrIzzre42FPfl7Bc/WKZQ4E8OSCFbWu4O7mp9TpzqPVsEgNS7+WSG1zjlkxrD2G9pG2UbfZ8bwwBA35x03nl0P3pk/BIz1ADQfxojMHfaEQB4F/mFGs1z9/sKAPBjfl09jZhvv4DuMb9PNAcAEQPLqfo6Zfyga1oltJVgrum5hapReeu3IgBMH3ZYzfuNlThZdVsIGlRFufqZ+U6RnXDkOgEA2w9/6HGxtJ8dAwDGEUPF1sE8DwDu+zMMz/fJUHi/qSH0P2rEAcCwEcXG51gVxaG4fD5pMp6le/gGRbAAcLRxkQAALyJceACIMZylKLDqpXfOc1b9yT+8lijTmsNhTZQAMPWmq/y2lvzXPS69MI8C+djuquB0ZYZmS3ySCgBO5YQKACCk7Ba6uvTlAWBx5SqZCoYo7vIAMOzmGu5Ey77i9SmeipmudxgAYOYUMBVvbEmfjjw/YvBDoWanNQQAtKGDyLnsMTwAVGmd+aIXzyhi7ic/6xF12uOgZlC6lQAAOxJT9eLnDaMv6QngzNkskc/UEjSyWEIB7j+ULpuobvKYTNntxE99dJK3SN1HAXc+Hk3qvD7C2nXrxNWctpY/G21Kvw0PvkoK7Hvo3Xs1g09Trj/37/xbv2vauSe7x8mSurOEOWWia3qcjOheQ0YpAMAz4b4IAHnG+wUAqPDczF3s3ElxL6GPAABjrwbKmLEkKULCQWM3Vxi23pMHgGO3OvNlB8xZAPj0yp4AwCYDDb812k64nPiJrD28gLqVXQNKGQBwvjxDBICru23ZkX0KuYu9v1DGFTcXuM+3rUmqQ3fydEmQePvcDKoRx2IeyRDq57mV/r6r6Uf8C3ix50Ij+s7M7wrd+8EYkQGAEs1FFgDcpmRxAJDrMbBdSPEhPcPXZcERbbPkvTqB/t1yMgGAw9YR4seeDXkA0F4x4QAgbFGq8t8AAGBd8AI9H5xyWLr9lM2y/l/96M/hNdzaAEYjeADgAsqZqg5m3P1HO/jnF78zz+YvlwU3DdscpJozMGsjAYDdJ24Kw3sukxF4cOkE2e+Y2gf40a3yJVgLVp7lAODb+QweAFaO+CBDNDM8lwDAuAnF7ZxX+qi93fsrH0dd4BJd/NW73cLF7b21pGx9H5mK/mjUnrX9oqXc9HeMrZZh1Y1HPSpFADCOzxR6e1rJcKkdUyC6ewzgdodPpoyenGeqlxnxXaqVCeLo2QodAzwamPLx9q3FNvXDhNDYkdK9cmRbpkdssLjL7hPdcGmfFWLq9bOsxdTVisxldRjNtCcy7rfM4qjq1W1pUC2BLRqylAn2/e3EYD9nErL2uuq5h3ThCDW15U1f+gh91rRmXXZasQBw4J4DBwA+Z9zF7zkeBADC15aLFz+Yir41rqqMWl7i/va1YtoHNaGw21yZTQAgYhH5vQ9+lhDLf/m7WACAW43uU+RLNdb8Q/EwDwDvFidy2aMbMwCQOH6APNO5yJQCt2sZQYJTpCvh5uPl3LyjE7kFNyoEAPj89CgBAIthHZmjuatVAHC8cD8PAN/e3GVOTrrAAcBKm+fsQdcKmeYEhP2HOVrsZWDa4C0PADMM17E5Tw+QLzM8dIFNi3Wam6M6kaCOJrK17k4WOnux5pQfWzu1G2s/azO50SibLnYre813KOpHmlu10wv0fx0xX7rqWd0s82LF5g7+VEMEh8UyAxUY4dLs53NYdk8xcpm57Lvd6lP0vHa82oa/NS5Odi5L4h6rDjk1FJ9/k1yeNnKS8b9xiB4whmW/dRMBYFxAa2m9Qdw8maSMny+WAV7t01VZb0AL4e5ad10++uZ9ypSIvd6q/rt89VQnLMhROdy7CQ8Auz/8wY+xHall/opgAMAn9YLgm7Jeulen5YvPaxaJ7S4fEN2iCTGbacMBwFT7DYKdYbkyyjdACwBzRlqpjEpdJMY+/5ut7WHNxvrOFADAb+Z4blavCdUmDM/fWCBEZd7UfVsZ/EVv4rwnVioAeMf5swCweOgYRctJxaLrxVAZM2zbGRPjNRMVAOC+tJZg2veOEgDsHO6yg+zGU+kyVQeIZWwHPk1TV9xqZcU9+76LB4De9fw4AFhQpw8//26gYoNzUDMA2Dp7PgsAPSd7sh63h/IA8LF5DmXquJQimf0oqVWXA4BtzfdyHu9rcX+wjcm9wrWanv5rRQBof+uM0NZyBXskz4Vg0stWUmLbs4EYPe2plHOaVsgCgIOQz276Gkm2Tq7HeN3opQaAc0XdWQCYG9NeAQDrvfMF9z99KNOqHMNkQYfyfl3x61VnUtNEcj02gUrOxGavHpOZt8P5J4d89DRlo/aDCACnI5/yqdss2CYRx1UA4GWfqACAeiPfsQFFKRwAWCn606NVO6eg2kQihq22Z/xvhGoAILrnArHcvB5d5GliRBcVRxwQsXw9/XYnr221KjTg0HbZe7dZ1rqs5rMvHAA8Z5voyimjJAt9JLAmZ7M5gE+xq8McufKBK7FszFr6diCWhv1l8GIWd9AAwCkbbwIA3a7spThF9lsvzlZIBjb9h851bTreh6ztVSCPCzYZXSd/JrdTt/BcQiU0YUcjFQD0GXBCPFOfqZ5jADbPfS8CwCvHf8S0Q+2Y5NTretkQAMg6qrsmbk8M4QGgwHIyG3ZyvbhTLBXzoixFDzMDEQD8J0UqcyNrk62rjzMLGlvKtKaq7QmKfETJBLaI/SBcn3xf+GvHA3F88gsmoNFQEQDUX2pwo/6QvMJl019ugaU3pTvpg+/uQtRJcyGq/3FS3Ki9XqT08mJtHgD8WxiRzaubUYf/ddhRmSou2RTHAkDoPK14Y8ZO/TBvdKx+Yes3w+3dC5n13h7swQPAi9QYcfCObVIRrY41KVwzRHzsk8wf3NGCyb6RrASA7WOjDBPGNaVMNmrdW9pX09SaUu8y1UbTel2yMQBwUVn0fcqtEUx+kpJNLLSV346yF+udOxJdi3MR7gtD2M9CnH8z7eD0QQoA+OPHSJl63um1Qjy3cZ0IAEk37xAASLOw5/t8fEFGWz/iACBuV4jM5Q30vq6d6HVOiB/op15S6MMBwJeGF2VwvVw+8PzIUK5+UTD3orKP0mmhCXd+ww6yqsMCEdlRqerbXPU1oIl7h/EA8H5+OBM48Iyerz3YMoevN68hZ7E3Rpi2PYK6t5nOy6UcstPfQrcxe6XnBt/FV6/KdPfcMeEcAGxc4kU69PZid9rN5Q5FKzkAaB/dke4Vl1NJGWzSo1jtUjOFOWLnR/fK93BStN/5iJm58CJl/FePfYzDsaeC2750DgA+np4m5BXUZ6cMjeRQnyhYAKjV7KIwz2SX8dywNOHV7YNsr6nj6KZu+48LEzePYicZHxNbVbVV2liNV1Vk2NLvB9fFEUNDkQeAtc/ymVbMZCHxus54nWD3iSsq8lh0Oi6afY5hbNa7iQ9LP6sAoHhqExmzHeLtVLN2VokA8MMil9QoWcUXXpvFAEDF+3I2dVsfehx2uz0mlWfNGQAo3fKh2rqSRZCSwj/84T2PGYqO/OQzS8SCuDhuXkrPapNiAHD52xYeALrMzOF6rFxNuZ7Rcq32encFn3ZklAAAcZo4JQB0/JZNEWu/I5EFgL77lexR0wvc+iZ5CgD4J+GlONsmzfDfey3xdlACgCLCTwSAgCtS+Xbl/p2cw6pEaltyyiZTIpdGHuVzvN1U4/x2CgCg7L9aMetHJvnaqBdx7pzA3A35KM2d2yXeAAAsa+sKUa8KXvIAcCi0qZ4az/OuYnyregoAcL9BcwEAngd2JKXtY3gA8M2aIAxnOjKzNvgJAJB46gC54VolHh/ck6zYnUsODIw26GJvxq9/FqK5HB3JAMDEZRZKAMh/05KNrzldtTvLj0olZnt71mZ8rMxuTAwIJwAwf8xGzmNEsjDGwJJ363ZMZkt6mEWIJ49H00tM3c39yOJdtTgkO7xl917SFafGTJzf6udzWskpZcCMWHIwr4ABgGtGUjx877qCHxGkkFnaN7fM+GifnpT7nitdxS2h5/Vi8FYPDOmcgJpbiGvEecnSdsmp1nJXWC8Ue00YzL59aSMjaIdPPwonnKnPrbCxo8SlOU43/nXuh5mXpStwrLUORmjBdz5sS7YCALKHv2SSqp5wNXItxei2hDIjn80m++4/lIpUxl9lCDg9d2OMM+0VofeDqQ+29yxUAkDPC5yYOFtK8VRkZyqGmFhRo9PKLItKL35sa71zqDWOJJ9St/C77u/m+KT9/D8PyzgACPKJFzY6bqVrw8K6UZg+BT/oe6/aXmoZwLVj1lN/Gr07gG5os+WAsGxkFFWt+mn62Y1fR0HZLsrxoum6+PxAyR3KmOClflSKXeakUARJ39sMALRkevAAcPZFE2btlzqEuNan+Bza4EXnz1q6W5PrKRXVdmw+yg6J6cgm7PrED244XbQL6c9FOK4RrMeUUaKXL98sTxKEZEh9E89XgE4aklmXnbcyQPzjuBnd9HXxTPr818sI2bk6aTtPNDGfK92bw3tztSd/FD3ygymSAQ+kEsjXTat503hLahueNgphx2l1xJjv/ZuN3RZCGZbqN1CIPVVK+o3uJNuvfE93EQBMgxJYg17LlYEtb3PdNqxhAGCU1SUCABcOfKNC6NY6nxm5epEE4/GgC8qeXdqxDz//yQLA0Es2FHgvw2SdipIuMil72+qIrltqIWafNhUAYML9IoOErEl6EZb3mUQtACRlfeM/XE8RvxvPYgFgWWAeAwDbTqTzAFCaW8J1iiogewqbiuGbFmq0ZTelnNeerkLDa45safQ1Rhiuy5kVTvEQ4gpqiNFXTQyzl7SpNiP6ICpPNUg1kMcyEkcnLN/kw1qGtdJFXWe1MkPCN5jMX+vcQShrWq4EgB3DL8rO3IgdmhYplwOFtOm2svOtfHFUAICcBVK++HFJFelbkMNCcU6wqrxDYVgmraGGx/z1QIrHu1Q7NQB4H3MkAOAy7roIAIv3xyo7bFhWLYG/DvcOJ3WC+jJ6ALvzcTLHeo/l7PcOF6Nto0iFbT4DAJ7bWotey2tQgA+7B8qkttPcl0q/Tgup8WvhYB/m+NuBjJ9ZIJf0Jo9zTJytWTw6gStJmCBjjlvnNP7VI1/WPvBss/gcc+qLV74YzWT4r6bW3fedggGAKf4VdK+ERzFcRt4JZf+aNwTzfXMJAPD3rv6f8XnXTed0OEypaSdboB6kX9QCgIx06dZUZ36KkJZJhMDQkb8NVtKDAqmkh09daGAytYr+7t73GwsA9rOlHFlheqX62OHOxm9M73KJBvLSze2k/wgA0LjLaPJjrhfFM+P2Liq5GyeL9GJ67zSpIefIl5e6i9C3rEcCAJhH3FQDwM3KWTwALJzsywHAwS2FlPC7itrMPcZOBIDLzue4jDdhQsNzgcLNM5UcAMy0K2cBIH1MMDkeUEbyjnUW2my/oYfIgCG35WXZrS/JP3Ut2VrHBovar1L6aPRu3UWj0GY+N/ZOjlTZT3nCBvH59Nu6poZKAFjGNuHO55wWAaD02HI9//89bDCX1vagCsO+7SUlRXV5AHj6SuqEqx0j1VODJq9SA0CXuWc0Vy4sUqfPD/ptcj1x4T7liXQf5YIBFXpnivuPhZ5//bBqGgEA4wX79WC2upZJAODVogYMAJzf4s4CgOPiQQYA0Hu31CoV3vY4BwCzU7qqRrUYRBlbUMeRBwA/7XVS4HyNWJ9OkjN99ezuesnsTQOTqQGp8fZPEQB2hE2m5+jalC3a2GWf6O8gpxD1NP9oqXfLJkOPwM0xtbk7la+5oUnveACY23sESbr7p3pi2TjWs2CJCgC+vXpJ3j9I4ADArVcohTEzMZX4eropAaB5tocBt/aSaHPeSTWwcRuyxKmCzvuRvZ8SZt7TX57lLGtDLLNeEHRbL7UGrDIt4TZvHUC53avFUm5smO68GCX0kUUsS70r1ADgEJtC4nNiqIpd3Rcs9Gn2km68KDVXL/thb9BU17NxYj4PALmdpXYkVc/PbMUPXb/m1jDXapPprypCycmGcwgAjLxxjAUAk8zOsr1ae/hSoS3f6CFX86DIsxTwzqx1BABmj3+qfNB4OkUuxXUgCwApke1ZAOh2owNnOMONrnsxJIjPTNijAoDKsgIWAGwitvGzDT2IhY8uLdOV95IRse60ltnz3YBKykXcQRnN9blMtoev528uiZfqXWWnheZ9HEQA+PC6XACAuU5NiXtGmuwoTdy+mI/3MTN+Ut+KMi/hehGLnUJ9qaHs1VkCAEsVLnpn0LlfAVe3fXeKpOdHe705yrVu4uz4IQIAVKXlMgkx+WKLTMng1bR5IWUvfC0EAOC795Gp/I4eRmR4QxOOs77FD3IqEoY/fSVjiGOXfYLX/jAmb2s4lVhv43oiANx83JNJXbJcZgdWqwVpv/LLvy+1DH5gJ75QxFDOHg1frIuNd9VSAUALg3bc4ZZDmbzuzobBfR9oAeC70WcBAExda8ncWurSwfQM1RadBADY2O0/fDdbXRBwzXsW/88RqUzS6vF/SFriHt7vm9Sd5zurrbDCZ4HecYiwiRBc5/gpJ3WuLdtvUHCcenBXd04ck6wX87/+4sEfvRkhMbn7w3gRAOoZ/MWMDk+V14vqPGVNp00RAMDieLDMCAztc4zkhxWoA7fNVyzqlKOetEfXJnR1Sq76rssJAQDmPB4hFl9w1gCAQdZbIeasrm2p/e4wwaVDC5kU/slI4mx3S/6z3rtdehZ8+Ix4w1D7HxwA3I4YTdf+mKkQ++csoJpntFXXpXfsXQmTT+zFx266vm+4M43Jl8jBTJumB3Xd7+3cKZELE+XBAGNeTIZaJPEA4BAj1ZOnlHSmCJpqYvU4vX7aAikbsqKlnhX/dZyIakqltzHPXu/vCanD/+Fzb/dgAGC/1UMeAJ7596X4bXqspvCf7Z3Fjl900NDv9lXp+7IrcVybLMnJH6sxiDNbXvVbZB4HmvAVm5aJAPBozlB+VetUNmzrWmaMIpcDgEMzdpKglnvZDrsT5JnNwGKx5OhcLrGLmwAANndmyL4PaPuKW3pgtdQG5STwOYflHXxt51yQ4XT04zTBPyKdr/3IQ4ib3EsDAKW3p/6fzeiy0WtSQ0E57pwKAHJ9pV4Pr14lBgDw+oQtozDszc9zWEbDSNM5ag4A5my9po1+IFXjfSdEagHgwL0kAQCsG3zkRs4aoWnkX0NYtlmKeSurpH6vLWOnM+OPHWU3vfZlAMDf1U4X0U3drjhUr4v6ZJyZ7Jz6x3+lajrvqZJq096xyQQA5mh8ycQ2D2XMrNV5ia5ufV/Ky+Hg63AeAGxTyjkASLLl+Xqxe5gXXLwe12YXe1Vb7N6z6/bvLeJ/R14dXiwZ3VYBAPMONKu2OgEAWXUb8kZDbChxmTXeM3mP8mTwazENflsJAYBQ1SDKrNOhLVgAMEj6r+szLO7FdYjOlhFXZ8wL0qyBS7U3kOV2zhTZjXvCudZB4SwAbFgbJcb7S32WiaUpKqd9jdjISkaGqEnCNjGyY5YBAHzGaAEA3A6N0/aYO1wd7byDRnwbfIYZpptUkb82PGEBoEf76UoA6GvWj0x5JLU+lnp14gEg6aITCwCXm4cxALC9SW0pH73TQ/m4aIMIAM9cf3FRh7eMVgDAKHMi/j2ttwIAdjOFgl03A855fJYaAHIqzNj7HvJyqW9aTXZVhhHXybYJZcztSyybs70JnScmnFABwOj4UxwA2K5PkLcaHu+orhvIiQDgXVyTzHC1+O3tK8fuNJ/Ny5vOps4dQjXhr0tG0v+WhkyttoA/t/9sJTa3Y0n9jnsYADB7Ka+ys436CQAwv8CWHK78QXxXlcq/d9/Npx1yE2tf3cMBwImIJAIARU9fsJeCItRB+xYL7TYzjNeeAnqO6p+eQAo/BYshXt1oqHrP8qGiyRcpmee3YjGz1XEl/aZ6eYO1DjcydvB2pe96NWhKxjrXlgzgCKn7qI2ZvRg886RmY4X0pzOL2xPZcCdT8Wyg7v8Xu4b/t8ntW4zU2BXjuIqd03yJAQB4X7YmhRZ+1DDMqNzGFF02o7+j32RI/jnkmiyRPmYGw+cqjlOJx3ZyYwEgrm+ZZsUZrYxhqYe3MaG9AqSunUZGsuNzdfkQzekzqzgAMHJuxQbG7zRo8tWUBYBi14ECAATyhUx+UoEIAJWHTjEvG0jJ/xFZGWR14hQ9Kd9O2chjS4tgoX2A1NfkbBWr66gT45+AXNoAAACGSURBVOg5rTyl65D/XqM5BwCdHcyI17PzdP7nfceFFRMWygKFtFADAgDN5jux+YuXKTzHPtclBL4Ek+ALhznj4HjWqrQJH3+2o8TAsZPEnnlbeL9bu6o1Sgl/+mpm2S+S3e4mBUaLZ6Kkvw26TbcSz9bYyJS0raB7OZH3gu+d7urTHTuL/wN7rHGASgvgRwAAAABJRU5ErkJggg==),
	radial-gradient(#383333, #080800);
}

h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: Exo;
	color: $neonColour1;
	text-transform: uppercase;
	font-size: 17vw;
	text-shadow: 0 0 .2em;
	animation:
		blur 6s linear infinite both,
		fade 10ms ease-in-out alternate infinite both;
	
	&::before,
	&::after {
		position: absolute;
		content: '';
		left: 1%;
		width: 100%;
		height: .015em;
		background-color: $neonColour2;
		transform: rotateZ(-4.75deg);
		box-shadow: 0 0 .1em $neonColour2;
	}
	&::before {
		top: -12%;
	}
	&::after {
		bottom: -6%;
	}
	
	span {
		display: inline-block;
	}
	
	span:nth-child(4n+1) {
	//	opacity: .95;
		transform: translateY(.1em);
	}
	
	span:nth-child(4n+2) {
		animation: flicker 1s linear infinite;
		transform: translateY(.025em);
	}
	
	span:nth-child(4n+3) {
		opacity: .75;
		transform: translateY(-.025em);
	}
	
	span:nth-child(4n+4) {
		animation: flicker 60ms linear infinite;
		transform: translateY(-.1em);
	}
	
}

@keyframes fade {
	0% { opacity: .8; }
	100% { opacity: 1; }
}


@keyframes blur {
	0% { filter: blur(1px); }
	40% { filter: blur(1px); }
	42% { filter: blur(0); }
	44% { filter: blur(2px); }
	46% { filter: blur(1px); }
	100% { filter: blur(1px); }
}

@keyframes flicker {
	0% { opacity: 1; }
	10% { opacity: 1; }
	10.1% { opacity: 0; }
	11% { opacity: 0; }
	11.1% { opacity: 1; }
	12% { opacity: 1; }
	12.1% { opacity: 0; }
	13% { opacity: 0; }
	13.1% { opacity: 1; }
	70% { opacity: 1; }
	71.9% { opacity: 0; }
	72% { opacity: 0; }
	72.1% { opacity: 1; }
	100% { opacity: 1; }

	
}


            
          
!
            
              $(function(){
	var el = $('h1').eq(0);
	var text = el.text();
	var markup = '';
	for(i = 0; i < text.length; i++) {
		markup += '<span>'+text[i]+'</span>';
	}
	el.html(markup);
});
            
          
!
999px
Loading ..................

Console