.myshape .tn-atom { border-radius: 5px 5px 5px 5px; background: linear-gradient(-21deg, #000000 -10%, #000000 110%); background: -webkit-linear-gradient(-21deg, #000000 -10%, #000000 110%); -webkit-box-shadow: inset 1px 1px 0px 1px #ffffff; -moz-box-shadow: inset 1px 1px 0px 1px #ffffff; box-shadow: inset 1px 1px 0px 1px #ffffff; } .myshape>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape>.tn-atom__sbs-anim-wrapper { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 5px 5px 5px 5px; } .myshape>.tn-atom { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 5px 5px 5px 5px; } 
  

 .myshape1 .tn-atom { border-radius: 0px 0px 0px 0px; background: linear-gradient(0deg, #dedede -10%, #dedede 110%); background: -webkit-linear-gradient(0deg, #dedede -10%, #dedede 110%); -webkit-box-shadow: inset 0px 0px 113px 3px #ff00ff; -moz-box-shadow: inset 0px 0px 113px 3px #ff00ff; box-shadow: inset 0px 0px 113px 3px #ff00ff; } .myshape1>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape1>.tn-atom__sbs-anim-wrapper { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 0px 0px 0px 0px; } .myshape1>.tn-atom { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 0px 0px 0px 0px; } 
  
  

 .myshape2 .tn-atom { border-radius: 0px 50px 0px 50px; background: linear-gradient(73deg, #dedede -10%, #1d153e 110%); background: -webkit-linear-gradient(73deg, #dedede -10%, #1d153e 110%); -webkit-box-shadow: inset 4px 2px 2px 0px #ffffff; -moz-box-shadow: inset 4px 2px 2px 0px #ffffff; box-shadow: inset 4px 2px 2px 0px #ffffff; } .myshape2>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape2>.tn-atom__sbs-anim-wrapper { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 0px 50px 0px 50px; } .myshape2>.tn-atom { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 0px 50px 0px 50px; } 
  
  

 .myshape3 .tn-atom { border-radius: 10px 10px 10px 10px; background: linear-gradient(73deg, #dedede -10%, #bba844 110%); background: -webkit-linear-gradient(73deg, #dedede -10%, #bba844 110%); -webkit-box-shadow: inset 4px 2px 63px 18px #bba844; -moz-box-shadow: inset 4px 2px 63px 18px #1d153e; box-shadow: inset 4px 2px 63px 18px #bba844; } .myshape3>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape3>.tn-atom__sbs-anim-wrapper { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 10px 10px 10px 10px; } .myshape3>.tn-atom { filter: blur(1px); -webkit-filter: blur(1px); border-radius: 10px 10px 10px 10px; }