<div class="container">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1124 654"><defs><radialGradient id="radial-gradient" cx="221.94" cy="189.94" fy="283.61503520545017" r="157.69" gradientTransform="translate(-140.5 -72.44) scale(3.12 2.07)" gradientUnits="userSpaceOnUse"><stop offset="0.01" stop-color="#2a0300"/><stop offset="0.1" stop-color="#26081b"/><stop offset="0.23" stop-color="#210d3b"/><stop offset="0.36" stop-color="#1e1152"/><stop offset="0.47" stop-color="#1c135f"/><stop offset="0.58" stop-color="#1b1464"/><stop offset="0.78" stop-color="#130b49"/><stop offset="1" stop-color="#080027"/></radialGradient></defs><title>Artboard 1</title><g id="sky"><rect class="cls-1" x="0.5" y="0.5" width="1123" height="653"/><path d="M1123,1V653H1V1H1123m1-1H0V654H1124V0Z"/></g><g id="mountains"><path d="M33.24,655.22a8.2,8.2,0,0,1-5.42-14.35L402.71,310.66a8.2,8.2,0,0,1,10.84,0L788.43,640.87A8.2,8.2,0,0,1,783,655.22Z"/><path d="M408.13,309.11a7.69,7.69,0,0,1,5.09,1.92L788.1,641.24A7.7,7.7,0,0,1,783,654.72H33.24a7.7,7.7,0,0,1-5.09-13.48L403,311a7.69,7.69,0,0,1,5.09-1.92m0-1a8.68,8.68,0,0,0-5.75,2.17L27.49,640.49a8.7,8.7,0,0,0,5.75,15.23H783a8.7,8.7,0,0,0,5.75-15.23L413.88,310.29a8.68,8.68,0,0,0-5.75-2.17Z"/><path d="M520.32,656.5c-5.72,0-9.34-2.65-10.4-5.29-.79-2-.24-4,1.54-5.69L861,310.65a14.31,14.31,0,0,1,17.72,0l349.5,334.88c1.78,1.71,2.33,3.73,1.54,5.69-1.06,2.63-4.68,5.29-10.4,5.29Z"/><path d="M869.82,308.07a12.52,12.52,0,0,1,8.51,2.93l349.5,334.88c1.62,1.56,2.13,3.38,1.42,5.14-1,2.39-4.48,5-9.94,5h-699c-5.46,0-9-2.58-9.94-5-.71-1.76-.2-3.58,1.42-5.14L861.31,311a12.52,12.52,0,0,1,8.51-2.93m0-1a13.46,13.46,0,0,0-9.21,3.21L511.12,645.17c-5.2,5,.12,11.83,9.21,11.83h699c9.08,0,14.41-6.85,9.21-11.83L879,310.29a13.46,13.46,0,0,0-9.21-3.21Z"/><polygon points="19.06 614.15 271.78 330.36 524.5 614.15 19.06 614.15"/><path d="M271.78,331.11l251.6,282.54H20.18l251.6-282.54m0-1.5-253.83,285H525.61l-253.83-285Z"/><polygon points="430.32 649.51 675.3 365.34 920.27 649.51 430.32 649.51"/><path d="M675.3,366.11,919.18,649H431.42L675.3,366.11m0-1.53L429.23,650H921.36L675.3,364.58Z"/><polygon points="-133.32 656.43 119.39 372.63 372.11 656.43 -133.32 656.43"/><path d="M119.39,373.39,371,655.93h-503.2l251.6-282.54m0-1.5-253.83,285H373.22l-253.83-285Z"/></g><g id="lightning"><path class="main-lightning" d="M1137,73l-31.48,10.22,6.76,15.18L1038,112.47l-21.49,7.2-26.94-4.4-47.74,14-30,3.15-17.53,9.91-50.13,2.55-27.78,12-35.78,1.68L784,180.31l-42.56-6.42-68.89,6.79L642.18,168l-64.52,10.49L540,166.74l-47.47,6-55,.8L386,166.2C276.44,192.9,276.9,192.51,276.9,192.51l-27.08,21.32-52.64,13.48-48.41-7-48.4,24.45"/><path class="offshoot-1" d="M782.18,173.72l1.73,27.92-30.68,3.45,6.73,15.49-30.12,5.88-14.46,26-16.16,11.81"/><path class="offshoot-2" d="M715,242.47c15.7,16.66,17.45,16.92,17.45,16.92L730,268.92"/><path class="offshoot-3" d="M542.82,168.71l-48.6-30.94L459,134.29l-8.27-11.71"/><path class="final-offshoot" d="M109.1,313.5,101,297.8l12.74-14.08-12.74-39"/><path class="offshoot-5" d="M101,242.57l-16.31,8.66,8.15,15.16L69.4,274v11.91"/><path class="offshoot-4" d="M148.9,219.29c-32.61-18.41-35.67-18.41-35.67-18.41l-28.54,8.66L69.4,189H54.12"/><path class="offshoot-6" d="M90.81,207.37c-13.25,11.91-9.17,11.91-9.17,11.91h-1l-25.48-6.5L48,230.12"/></g><g id="script"><path class="stroke-I" d="M104.73,321c.34-2.8,2.19-5.24,4.46-5.85A70.83,70.83,0,0,1,88,336.2c4.84,9.9,11.67,21.14,21.09,20.18,4.93-.5,9.16-4.43,12.73-8.61,16.9-19.82,25.68-49.49,23-77.91-10,17.12-13.39,39.68-9.09,60"/><path class="stroke-became" d="M172.71,296.64a121.31,121.31,0,0,1,6.48,60c2.08-7.75,4.43-16,9.76-20.9s14.58-4.23,17.16,3.28c2.23,6.49-1.87,14.14-7.2,16.85s-11.37,1.84-17.09.93c7.64,3.6,16.27,5.55,24,2.15s13.78-13.53,11.84-23.23c-5,6.81-6.88,16.85-4.76,25.63,6.27,3.75,13.59-2.26,17.8-9.06s7.56-15.13,13.92-18.68c-3.76,4.71-7.68,9.76-8.84,16.18s1.76,14.4,7.11,15.19c4.56.68,8.43-3.8,11.54-7.92l17.75-23.48c-6.78.82-10.43,10.4-10.67,18.7a13.55,13.55,0,0,0,.4,4.32c1.76,5.77,9.37,5.1,12.36.15s2.72-11.68,2.31-17.81c-2.31,11.18,2.74,23.94,11.35,28.68-.66-11.48,2.71-23.22,9.09-31.69l1,31.15c-3.31-10,0-22.57,7.39-28.4l3.94,19.11c.5-10.17,6.65-19.56,14.68-22.38a164.9,164.9,0,0,1,1.54,33.43c5.4,1.38,10.8-3.52,13.14-9.61s2.32-13.08,2.27-19.8c-6.54,6.8-8,20.65-1.63,27.72s19.1,1.78,19.12-8.69"/><path class="stroke-myself" d="M388,326.3a94.9,94.9,0,0,1,3.44,29.9c-2.33-10.21.65-21.93,7.3-28.75,1-1,2.17-2,3.43-1.7,2.25.44,2.84,4,2.89,6.8l.31,16c-1-10,4.95-20.42,13-22.72,3.77,4.33,2,11.8,1.64,18.1s4.32,14.48,8.6,10.93l6.45-24.55c-.93,5.45-1.87,11.12-.78,16.52s4.83,10.45,9.39,10.39a60.16,60.16,0,0,0,2.82-29.29c3.8,17.84,7.42,37.76.1,53.89-2.4,5.29-9.06,9.7-11.67,4.57-2.28-4.48,2-9.5,5.42-12.7,13.16-12.21,20.86-31,28.11-49.13l-.18,11.64c3.91-1.8,8.73,2.68,8.36,7.75s-5.79,8.42-9.36,5.79q10.94-6.39,21.58-13.52c4-2.7,8.69-7.55,7-12.74-5.71,4.57-12.22,12-9.55,19.7,2.21,6.33,9.88,7.29,14.52,3.39S507.62,335.66,509,329a134.88,134.88,0,0,0,2.45-38.11,277.1,277.1,0,0,0,2.18,55c8-12.59,10.16-30.45,5.38-45.3l7,65.8c.76,7.13,1.38,15-2,20.93-4.91,8.68-17.13,7.68-22.11-1s-2.7-21.61,3.88-28.45c5.34-5.55,12.54-7.41,19-10.71s13-9.38,13.54-17.92"/><path class="stroke-capable" d="M582.23,322.41c-6.09-3.81-13.16,6.88-10.19,14.4s11.71,9.31,17.86,5.65S600,331.32,603,323.84c-2.39,2.58-4.87,5.31-6,8.94s-.48,8.44,2.32,10.32c4.14,2.78,9.06-2.74,10.12-8.37s.11-11.7,1.72-17.12c-2.92,10-.09,22.09,6.72,28.69,5.36-7.85,7.19-19.08,4.7-28.84l4.19,24.46c1.31,7.65,2.54,16.08-.57,22.92s-12.57,9.26-15.63,2.39c-2.65-5.94,1.3-12.91,5-17.93l15.46-20.9c2.76-3.73,6.12-7.78,10.24-7.47.39,6.14,0,12.82-3.25,17.55s-10.07,6-13.15,1.16c12,3.54,25.66-5.67,29.59-20a43.07,43.07,0,0,0-4.71,22.07c9,2.31,17.71-11.06,13.86-21.21-3.34,10.52,5.87,23.38,14.87,20.76a146.39,146.39,0,0,0-4.31-58.87l9.65,47.44c1.13,5.56,1.44,13.18-3,15.2,8.93,1.05,15.75-14,10.25-22.69a5.66,5.66,0,0,0-2-2.08c-3-1.56-6.14,3.84-4.58,7.4a6.27,6.27,0,0,0,8.75,2.78c3-1.56,5.26-4.82,7.34-8,5.78-8.71,11.92-18.85,10.63-29.95l-1.65,54.09c7.75-.49,14.25-10.14,13.13-19.51-5.3,2.88-5.73,13.65-.69,17.15s12.41-2.46,11.74-9.48"/><path class="stroke-of" d="M780.16,317.95c-1.42-6-7.81-8.87-12.62-6.62s-7.89,8.27-8.87,14.43-.2,12.53.69,18.71a11.87,11.87,0,0,0,16.85-2.12c4.28-5.34,4.88-14.48,1.35-20.59-2.67-2.56-6.92-.15-8.36,3.61s-.9,8.14-.34,12.23c7.42,3.3,15.94,6,22.95,1.59,5.38-3.41,8.61-10.35,10.78-17.26a100.46,100.46,0,0,0,4.4-34.16,96.05,96.05,0,0,0-9.88,35.82c-1,12.67.41,25.74-2.55,37.94s-12.51,23.61-22.69,20.84a4.33,4.33,0,0,1-3.12-2.4,6.46,6.46,0,0,1-.22-3c1.39-13.25,12-21.85,21.89-27.52s21.06-11.14,26.15-23"/><path class="stroke-best" d="M845.94,289.06a145.33,145.33,0,0,1,7.22,64.17c2.34-8.09,5.08-16.81,11.1-21.26s16-1,16.4,7.58a12.41,12.41,0,0,1-8.54,12c-4.57,1.39-9.37.17-14-1.06,16.6,7.58,37.35-8.12,39.15-29.63-7.05-1.54-12.59,10.22-9,17.82a12.52,12.52,0,0,0,18.91,4.61c6.14-4.52,9.36-13.4,10.07-22.1-3.69,1.76-6.46,6.11-7,10.9,4.71-2.81,11.08-.28,13.53,5.38s.57,13.5-4,16.66c-3.63,2.51-9.91-.31-8.82-5.22s6.95-3.84,11.15-3.91c7.19-.13,13.28-7.29,15.91-15.46s2.52-17.21,2.38-26a122.7,122.7,0,0,0-5.55,44.72c11.34,4.69,25.16-4.36,28.22-18.47-6.14.9-11.57,6.85-13,14.2,5.26,2.7,11,5.45,16.52,3.75s9.89-10.11,6.63-15.82a5.61,5.61,0,0,0-7.75-1.2c6.53,5.56,16.76,2.79,20.76-5.62-1.46,5.11-2.93,10.61-1.78,15.84s6.16,9.5,10.08,7c4.38-2.83,3.78-10.58,2.54-16.44a16.51,16.51,0,0,0-2,11.3,19.27,19.27,0,0,0,13.48,3.58,54.17,54.17,0,0,0-1.15-21.07l13.74,1.2.18,22.94,9.72-26c5,7.16,6.23,17.87,3.09,26.44l.06-11.64,12.54-5.56c-.7,7.22,1.46,14.77,5.68,19.9,2.42-10.88,9-20.3,17.36-25a39.66,39.66,0,0,0-11.15,20.09,13.44,13.44,0,0,0,10.07,2.06l-.15-24.87c1.63,15.92,9.41,30.21,10.77,46.16s-9.16,35.54-21.71,30.71c-6.08-13,2.81-29.07,12.85-37.65S1093,348.87,1098,335.23"/><path class="stroke-cross1" d="M930.62,319.69h16.21"/><path class="stroke-dot1" d="M1051.19,320.37l1.42-1.27"/><path class="stroke-anim" d="M164.38,435.93c-10.77-5.09-23.78,9.65-20.42,23.12,9.87,5.58,23.12-4.87,23-18.14a57,57,0,0,0-2.24,24.21c11.46,2.78,23.82-8.69,24.68-22.91l1.92,16.44c-.22-11,3.81-22,10.66-29.1l-.78,33.27c5.39,1.53,10.94-3,13.61-8.92s3.13-12.88,3.53-19.61a43.3,43.3,0,0,0-.85,24l16-20.65a59.12,59.12,0,0,1-2,22.63,99,99,0,0,1,7.13-26,86.38,86.38,0,0,1,2.86,21c-.69-7.77,2.64-15.86,8.16-19.82l-.92,31c6.82-6.3,11.76-15.57,13.7-25.73l7.79-.16a5.08,5.08,0,0,0-7.15-.79c-2.41,4-4.92,8.24-5.2,13.17s2.75,10.46,6.79,10.12A43.68,43.68,0,0,0,271,439.24c-1.91,6.42-3.85,13.39-2.27,19.95s8.37,11.55,13,7.62c2.5-2.14,3.47-6,4.18-9.67A188.76,188.76,0,0,0,288.58,405l-5.53,44.53c-.83,6.65-1.58,13.84,1,19.78s10,9.08,13.72,4.13a38.48,38.48,0,0,0,3.67-24l.28,23.09c8.91,4.42,9-26.06,17.9-21.65a49.63,49.63,0,0,0-7,28c6.77,1.05,13-5.85,15.18-13.74s1.29-16.5.39-24.75l-8.1,9.84,10.67,11.2c3-2.67,4.73-7.45,4.23-12a192.92,192.92,0,0,1,8.52,31.22,163.21,163.21,0,0,0-3.12-42.12,25.34,25.34,0,0,0,22.39-4.72,108.06,108.06,0,0,1-.22,40.7,72,72,0,0,0,29.8,8.4"/><path class="stroke-dot2" d="M218.35,405.58h8.38"/><path class="stroke-cross2" d="M280,430.91c2.65,3.46,8.13,2.34,9.72-2"/><path class="stroke-dot3" d="M304.16,438.41l4.29-3.21"/><path class="stroke-upon" d="M427.42,436.89c3.6-.19,4.64,6,4.14,10.33-.66,5.69-1.78,11.57-.46,17.09s6.23,10.3,10.61,8.17c8.6-4.18,1.88-23.91,9.78-29.82-2.18,5.45-4.4,11.18-4.23,17.24s3.61,12.45,8.56,12.91c4.48.42,8.45-4.18,9.89-9.38s.93-10.86.41-16.31a171,171,0,0,1,7.23,54.35,23.5,23.5,0,0,1-9.81,5.26c-.17-24,12.34-47.33,30.39-56.78a5.37,5.37,0,0,1,3.58-.87c2.18.5,3.4,3.52,3.41,6.22A13.78,13.78,0,0,1,490.3,468.5c-5.42,1.14-10.91-.85-16.17-2.82,7.29,4.87,15.94,7.34,24,5s15.37-10,17-19.94c-6.58,1.63-9.17,12.78-5.7,19.79s10.8,9.91,17.51,9.6a12,12,0,0,0,7.92-2.84c4.52-4.21,4.41-13.3.72-18.58s-9.86-7.14-15.53-6.55c-2.44.25-5.56,2.26-4.77,5.08a4.33,4.33,0,0,0,2.47,2.55,17.28,17.28,0,0,0,19.87-3.43c4.16-4,9.15-10.58,13.61-7a104.56,104.56,0,0,1-.51,24.64c-.81-13.49,4.94-27.27,14.35-34.42l.75,36.45,6.55,0,1.74-6.59"/><path class="stroke-life" d="M607.56,472a111.16,111.16,0,0,0,6.35-51.56,80.42,80.42,0,0,0-.32,48.85c1.18,3.71,3.89,8,6.94,6.55a6.77,6.77,0,0,0,2.66-3.05,44.76,44.76,0,0,0,5.3-21.58c1.46,5.32-.56,11.09-.44,16.7s5,11.92,8.69,8.61a9.58,9.58,0,0,0,2.22-4,88.78,88.78,0,0,0,3.7-45.28l3,60.6c.29,5.8.56,11.79-1,17.28s-5.41,10.45-10.17,10.8-9.54-5.61-8-11.11a15.21,15.21,0,0,1,3-5.14l26.06-33.33c3.28-4.2,6.8-9.15,6.42-14.94-3.78-3.34-9.14,3.32-7.9,8.81s6,8.52,10.55,10c3.45,1.15,7.43,1.67,10.34-.86,1.86-1.62,3-4.23,3.82-6.81A70,70,0,0,0,681,427.14a153.66,153.66,0,0,0,.25,36.68,18.7,18.7,0,0,0,1.9,7c3.56,6.09,12.16,3.56,15.37-2.82s2.59-14.46,1.71-21.87c-5.12,7-7.16,20-.3,24.26,4.58,2.81,10.4-.75,13.06-6.09s3-11.88,3.24-18.13c-1.43,9.26,10,18.43,5.43,26a10.67,10.67,0,0,1-8.34,1.93c1.55-12.62,10.28-23.42,20.61-25.48a104.48,104.48,0,0,0,11,12c-3.53,7.55-11.85,11.16-18.49,8,.92-5.75,6.8-7.85,11.6-7.79s10.19.9,13.87-2.86"/>
  <path class="stroke-matter" d="M797,443.36a59,59,0,0,1,3.51,25.47c-1.43-11.82,5.48-24.26,15-27l.44,21.9c-2.11-8.36,3.85-18.17,11-18.14a58.81,58.81,0,0,0,2.38,25.37,345.57,345.57,0,0,1,20.16-29.37c-5.91,4.56-8.62,14.45-6.14,22.42,3.93-3.89,5.86-10.57,4.79-16.61a65.92,65.92,0,0,1,5.46,20.09c3.48,1.45,7.38-1.41,9.19-5.32s2.06-8.57,2.26-13l1.21-26.91c-1.19,15.46-1.84,33,6.82,44.37,7.2-12.84,10.17-29.11,8.12-44.47,2.13,11.42-3,24.85,2.55,34.41,3.53,6.07,11.09,8,16.3,4.07s7.26-13,4.43-19.56l-7.3-.27c-1.47,7-1.21,15,2.51,20.65s11.59,7.21,15.56,1.85c2.57-3.46,2.88-8.51,4.05-12.95s4.32-9.08,8.06-8.11l.5,20.42c-.75-3.91-1.5-8-.68-11.9s3.75-7.44,7-6.94c4.89.74,8.64,9.55,12.95,6.64"/><path class="stroke-cross3" d="M854.88,431.88l36.35.07a2.73,2.73,0,0,0,2.61-1c.55-1-.45-2.67-1.18-1.91"/><path class="stroke-dot4" d="M628.51,438.72v-5.11"/>
<path class="stroke-period" d="M955.19,465.85l6-4.54-2.3,2.79,2.25,4.23a5.09,5.09,0,0,1-3-5,2.93,2.93,0,0,1,3.36,3.28l-5.38.27,3.7-1.43-3.5.09"/></g>
<g id="TEXT"><text class="cls-5" transform="translate(684 627.87) scale(0.79 1)">- Mary Shelley <tspan class="cls-6" x="257.01" y="0">Frankenstein</tspan></text></g></svg>
</div>
body {
  background: black;
}

.container {
  display: flex;
  max-height: 100vh;
}

/* gradient background for sky */
.cls-1{
  fill:url(#radial-gradient);
}
/*shared line attributes*/
#lightning,
#script {
  fill:none;
  stroke:#f9ffd3;
  stroke-miterlimit:10;
}

/*thick lightning*/
.main-lightning{
  stroke-width:5px;
  }

/*off shoot lightning & text*/
#script {
  stroke-width:3px;
}

.offshoot-1,
.offshoot-3,
.offshoot-4,
.offshoot-5,
.final-offshoot {
  stroke-width:3px;
}

.cls-5{
  font-size:35.46px;
  fill:#faffb1;
  font-family:LucidaGrande, Lucida Grande;
  stroke-width:1px;
}

.cls-6{
  font-family:LucidaCalligraphy-Italic, Lucida Calligraphy;
  font-style:italic;
  letter-spacing:0em;
}

.main-lightning {
  stroke-dasharray: 1200;
  animation: flashmain 15s ease-in;
}

.offshoot-1 {
  stroke-dasharray: 200;
  animation: flash1 15s ease-in;
} 

.offshoot-2 {
  transform: translateX(5px);
  stroke-dasharray: 50;
  animation: flash2 15s;
}

.offshoot-3 {
  stroke-dasharray: 110;
  animation: flash3 15s;
}

.offshoot-4 {
  stroke-dasharray: 120;
  animation: flash4 15s;
}

.final-offshoot {
  stroke-dasharray: 80;
  animation: flashfinal 15s;
}

.offshoot-5 {
  stroke-dasharray: 80;
  animation: flash5 15s;
}

.offshoot-6 {
  stroke-dasharray: 65;
  animation: flash6 15s;
}
.stroke-I {
  stroke-dasharray: 250;
  animation: writeI 15s ease-out;
}

.stroke-became {
  stroke-dasharray: 800;
  animation: writebecame 15s ease-in;
}

.stroke-myself {
  stroke-dasharray: 870;
  animation: writemyself 15s ease-in;
}

.stroke-capable {
  stroke-dasharray: 850;
  animation: writecapable 15s ease-in;
}

.stroke-of {
  stroke-dasharray: 400;
  animation: writeof 15s ease-in;
}

.stroke-best {
  stroke-dasharray: 1100;
  animation: writebest 15s ease-in;
}

.stroke-cross1 {
  stroke-dasharray: 20;
  animation: writecross1 15s ease-in;
}

.stroke-dot1 {
  transform: translateX(-30px);
  stroke-dasharray: 5;
  animation: writedot1 15s ease-in;
}

.stroke-anim {
  stroke-dasharray: 1100;
  animation: writeanim 15s ease-in;
}

.stroke-dot2 {
  stroke-dasharray: 10;
  animation: writedot2 15s ease-in;
}

.stroke-cross2 {
  stroke-dasharray: 15;
  animation: writecross2 15s ease-in;
}

.stroke-dot3 {
  stroke-dasharray: 8;
  animation: writedot3 15s ease-in;
}

.stroke-upon {
  stroke-dasharray: 800;
  animation: writeupon 15s ease-in;
}

.stroke-life {
  stroke-dasharray: 800;
  animation: writelife 15s ease-in;
}

.stroke-dot4 {
  stroke-dasharray: 8;
  animation: writedot4 15s ease-in;
}

.stroke-matter {
  stroke-dasharray: 700;
  animation: writematter 15s ease-in;
}

.stroke-cross3 {
  stroke-dasharray: 50;
  animation: writecross3 15s ease-in;
}

.stroke-period {
  stroke-dasharray: 50;
  animation: writeperiod 15s ease-in;
}

@keyframes flashmain {
  0% {
    stroke-dashoffset: 1200;
  }
  3% {
    stroke-dashoffset: 0;  
  }
}

@keyframes flash1 {
  0%, 1% {
    stroke-dashoffset: 200;
  }
  
  3% {
    stroke-dashoffset: 0;
  }
} 

@keyframes flash2 {
  0%, 1.5% {
    stroke-dashoffset: 50;
  }
  3% {
    stroke-dashoffset: 0;
  }
}

@keyframes flash3 {
  0%, 2% {
    stroke-dashoffset: 110;
  }
  4% {
    stroke-dashoffset: 0;
  }
}

@keyframes flash4 {
  0%, 2% {
    stroke-dashoffset: 120;
  }
  6% {
    stroke-dashoffset: 0;
  }
}

@keyframes flashfinal {
  0%, 3% {
    stroke-dashoffset: -80;
  }
  6% {
    stroke-dashoffset: 0;
  }
}

@keyframes flash5 {
  0%, 3% {
    stroke-dashoffset: 80;
  }
  6% {
    stroke-dashoffset: 0;
  }
}

@keyframes flash6 {
  0%, 2% {
    stroke-dashoffset: 65;
  }
  6% {
    stroke-dashoffset: 0;
  }
}

@keyframes writeI {
  0%, 6% {
    stroke-dashoffset: 250;
  }
  10% {
    stroke-dashoffset: 0;
  }
}

@keyframes writebecame {
  0%, 10% {
    stroke-dashoffset: 800;
  }
  20% {
    stroke-dashoffset: 0;
  }
}

@keyframes writemyself {
  0%, 20% {
    stroke-dashoffset: 870;
  }
  30% {
    stroke-dashoffset: 0;
  }
}

@keyframes writecapable {
  0%, 30% {
    stroke-dashoffset: 850;
  }
  40% {
    stroke-dashoffset: 0;
  }
}

@keyframes writeof {
  0%, 40% {
    stroke-dashoffset: 400;
  }
  45% {
    stroke-dashoffset: 0;
  }
}

@keyframes writebest {
  0%, 45% {
    stroke-dashoffset: 1100;
  }
  60% {
    stroke-dashoffset: 0;
  }
}

@keyframes writecross1 {
  0%, 60% {
    stroke-dashoffset: 20;
  }
  61% {
    stroke-dashoffset: 0;
  }
}

@keyframes writedot1 {
  0%, 61.5% {
    stroke-dashoffset: 5;
  }
  62% {
    stroke-dashoffset: 0;
  }
}

@keyframes writeanim {
  0%, 62% {
    stroke-dashoffset: 1100;
  }
  72% {
    stroke-dashoffset: 0;
  }
}

@keyframes writedot2 {
  0%, 72% {
    stroke-dashoffset: 10;
  }
  73% {
    stroke-dashoffset: 0;
  }
}

@keyframes writecross2 {
  0%, 73% {
    stroke-dashoffset: 15;
  }
  74% {
    stroke-dashoffset: 0;
  }
}

@keyframes writedot3 {
  0%, 74.5% {
    stroke-dashoffset: 8;
  }
  75% {
    stroke-dashoffset: 0;
  }
}

@keyframes writeupon {
  0%, 75% {
    stroke-dashoffset: 800;
  }
  80% {
    stroke-dashoffset: 0;
  }
}

@keyframes writelife {
  0%, 80% {
    stroke-dashoffset: 800;
  }
  85% {
    stroke-dashoffset: 0;
  }
}

@keyframes writedot4 {
  0%, 85% {
    stroke-dashoffset: 8;
  }
  86% {
    stroke-dashoffset: 0;
  }
}

@keyframes writematter {
  0%, 86% {
    stroke-dashoffset: 700;
  }
  
  95% {
    stroke-dashoffset: 0;
  }
}

@keyframes writecross3 {
  0%, 95% {
    stroke-dashoffset: 50;
  }
  97% {
    stroke-dashoffset: 0;
  }
}

@keyframes writeperiod {
  0%, 97% {
    stroke-dashoffset: 50;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

#TEXT {
 opacity: 0;
 animation-name: fade-in;
 animation-duration: 20s;
 animation-delay: 15s;
 animation-fill-mode: forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  } 
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.