.myshape .tn-atom { border-radius: 20px 20px 20px 20px; background: linear-gradient(deg, #4496F8 -10%, #1D38C5 110%); background: -webkit-linear-gradient(deg, #4496F8 -10%, #1D38C5 110%);  } .myshape>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape>.tn-atom__sbs-anim-wrapper { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 20px 20px 20px 20px; } .myshape>.tn-atom { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 20px 20px 20px 20px; } 
  

 .myshape1 .tn-atom { border-radius: 20px 20px 0px 0px;   } .myshape1>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape1>.tn-atom__sbs-anim-wrapper { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 20px 20px 0px 0px; } .myshape1>.tn-atom { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 20px 20px 0px 0px; } 
  

 .myshape2 .tn-atom { border-radius: 0px 0px 20px 20px;   } .myshape2>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape2>.tn-atom__sbs-anim-wrapper { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 0px 0px 20px 20px; } .myshape2>.tn-atom { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 0px 0px 20px 20px; } 
   
 
 html { scrollbar-color: #c2ddff #f5f9ff; scrollbar-width: thin; } html::-webkit-scrollbar { width: 10px !important; -webkit-appearance: none !important; } html::-webkit-scrollbar-track { background: #f5f9ff !important; } html::-webkit-scrollbar-thumb:hover { background: #c2ddff !important; } html::-webkit-scrollbar-thumb { background: #c2ddff !important; border: 10px solid #c2ddff !important; -webkit-border-radius: 0px !important;  } 
 

 .myshapescroll .tn-atom { border-radius: 100px 100px 100px 100px;   } .myshapescroll>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshapescroll>.tn-atom__sbs-anim-wrapper { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 100px 100px 100px 100px; } .myshapescroll>.tn-atom { filter: blur(0px); -webkit-filter: blur(0px); border-radius: 100px 100px 100px 100px; }