JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div id=fokou>
    <span>f</span>
    <span>o</span>
    <span>k</span>
    <span>o</span>
    <span>u</span>
</div>

CSS

#fokou{
    width:230px;
    height:60px;
    background:red;  
    text-align:center;
    vertical-align:middle;
    line-height: 54px;
}

#fokou span{
    font-size: 56px;
    text-transform: uppercase;
}

span:nth-child(1) {
  text-shadow: 0px 0px #3498db, 1.0px 1px #0e344e, 2.0px 2px #0e344e, 3.0px 3px #0e344e, 4.0px 4px #0e344e, 5.0px 5px #0e344e, 6.0px 6px #0e344e, 7.0px 7px #0e344e, 8.0px 8px #0e344e, 9.0px 9px #0e344e, 10.0px 10px #0e344e, 11.0px 11px #0e344e, 12.0px 12px #0e344e, 13.0px 13px #0e344e, 14.0px 14px #0e344e, 15.0px 15px #0e344e, 16.0px 16px #0e344e, 17.0px 17px #0e344e, 18.0px 18px #0e344e, 19.0px 19px #0e344e, 20.0px 20px #0e344e, 21.0px 21px #0e344e, 22.0px 22px #0e344e, 23.0px 23px #0e344e, 24.0px 24px #0e344e, 25.0px 25px #0e344e, 26.0px 26px #0e344e, 27.0px 27px #0e344e, 28.0px 28px #0e344e, 29.0px 29px #0e344e, 30.0px 30px #0e344e, 31.0px 31px #0e344e, 32.0px 32px #0e344e, 33.0px 33px #0e344e, 34.0px 34px #0e344e, 35.0px 35px #0e344e, 36.0px 36px #0e344e, 37.0px 37px #0e344e, 38.0px 38px #0e344e, 39.0px 39px #0e344e, 40.0px 40px #0e344e, 41.0px 41px #0e344e, 42.0px 42px #0e344e, 43.0px 43px #0e344e, 44.0px 44px #0e344e, 45.0px 45px #0e344e, 46.0px 46px #0e344e, 47.0px 47px #0e344e, 48.0px 48px #0e344e, 49.0px 49px #0e344e, 50.0px 50px #0e344e, 51.0px 51px #0e344e, 52.0px 52px #0e344e, 53.0px 53px #0e344e, 54.0px 54px #0e344e, 55.0px 55px #0e344e, 56.0px 56px #0e344e, 57.0px 57px #0e344e, 58.0px 58px #0e344e, 59.0px 59px #0e344e, 60.0px 60px #0e344e, 61.0px 61px #0e344e, 62.0px 62px #0e344e, 63.0px 63px #0e344e, 64.0px 64px #0e344e, 65.0px 65px #0e344e, 66.0px 66px #0e344e, 67.0px 67px #0e344e, 68.0px 68px #0e344e, 69.0px 69px #0e344e, 70.0px 70px #0e344e, 71.0px 71px #0e344e, 72.0px 72px #0e344e, 73.0px 73px #0e344e, 74.0px 74px #0e344e, 75.0px 75px #0e344e, 76.0px 76px #0e344e, 77.0px 77px #0e344e, 78.0px 78px #0e344e, 79.0px 79px #0e344e, 80.0px 80px #0e344e;
}

span:nth-child(2) {
  text-shadow: 0px 0px #3498db, 0.50953px 1px...