judeofuturism

[DORMANT] final project for a class on afrofuturism
git clone git://git.figbert.com/judeofuturism.git
Log | Files | Refs

crt.css (3970B)


      1 @keyframes flicker {
      2   0% { opacity: 0.27861; }
      3   5% { opacity: 0.34769; }
      4   10% { opacity: 0.23604; }
      5   15% { opacity: 0.90626; }
      6   20% { opacity: 0.18128; }
      7   25% { opacity: 0.83891; }
      8   30% { opacity: 0.65583; }
      9   35% { opacity: 0.67807; }
     10   40% { opacity: 0.26559; }
     11   45% { opacity: 0.84693; }
     12   50% { opacity: 0.96019; }
     13   55% { opacity: 0.08594; }
     14   60% { opacity: 0.20313; }
     15   65% { opacity: 0.71988; }
     16   70% { opacity: 0.53455; }
     17   75% { opacity: 0.37288; }
     18   80% { opacity: 0.71428; }
     19   85% { opacity: 0.70419; }
     20   90% { opacity: 0.7003; }
     21   95% { opacity: 0.36108; }
     22   100% { opacity: 0.24387; }
     23 }
     24 
     25 @keyframes textShadow {
     26   0% { text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     27   5% { text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     28   10% { text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     29   15% { text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     30   20% { text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     31   25% { text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     32   30% { text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     33   35% { text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     34   40% { text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     35   45% { text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     36   50% { text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     37   55% { text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     38   60% { text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     39   65% { text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     40   70% { text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     41   75% { text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     42   80% { text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     43   85% { text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     44   90% { text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     45   95% { text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     46   100% { text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px; }
     47 }
     48 
     49 :root::after {
     50   content: " ";
     51   display: block;
     52   position: absolute;
     53   top: 0;
     54   left: 0;
     55   bottom: 0;
     56   right: 0;
     57   background: rgba(18, 16, 16, 0.1);
     58   opacity: 0;
     59   z-index: 2;
     60   pointer-events: none;
     61   animation: flicker 0.15s infinite;
     62 }
     63 
     64 :root::before {
     65   content: " ";
     66   display: block;
     67   position: absolute;
     68   top: 0;
     69   left: 0;
     70   bottom: 0;
     71   right: 0;
     72   background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
     73   z-index: 2;
     74   background-size: 100% 2px, 3px 100%;
     75   pointer-events: none;
     76 }
     77 
     78 :root {
     79   animation: textShadow 1.6s infinite;
     80 }