remove animation

src/pages/App.scss

@@ -30,22 +30,3 @@
     //max-width: 560px;
   }
 }
-
-
-@keyframes title_fade_in {
-  from {
-    opacity: 0.5;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.ani_title_fade_in {
-  position: relative;
-  opacity: 0;
-  animation: title_fade_in cubic-bezier(0.23, 1, 0.32, 1) 1;
-  animation-fill-mode: forwards;
-  animation-duration: 1.2s;
-  animation-delay: 0s;
-}
\ No newline at end of file

src/pages/Pool/AddLiquidity.js

@@ -512,7 +512,6 @@ class AddLiquidity extends Component {
           })}
         />
 
-        <div className='ani_title_fade_in'>
         {
           this.isNewExchange()
             ? (
@@ -574,7 +573,6 @@ class AddLiquidity extends Component {
           </button>
         </div>
       </div>
-      </div>
     ];
   }
 }

src/pages/Pool/CreateExchange.js

@@ -182,7 +182,6 @@ class CreateExchange extends Component {
           })}
         />
 
-        <div className='ani_title_fade_in'>
         <ModeSelector title="Create Exchange" />
         <AddressInputPanel
           title="Token Address"
@@ -215,7 +214,6 @@ class CreateExchange extends Component {
           </button>
         </div>
       </div>
-      </div>
     );
   }
 }

src/pages/Pool/RemoveLiquidity.js

@@ -359,9 +359,6 @@ class RemoveLiquidity extends Component {
             'header--inactive': !isConnected,
           })}
         />
-
-        <div className='ani_title_fade_in'>
-
         <ModeSelector title="Remove Liquidity" />
         <CurrencyInputPanel
           title="Pool Tokens"
@@ -393,7 +390,6 @@ class RemoveLiquidity extends Component {
           </button>
         </div>
       </div>
-      </div>
     ];
   }
 }

src/pages/Send/index.js

@@ -733,7 +733,6 @@ class Send extends Component {
             })}
           />
 
-          <div className='ani_title_fade_in'>
           <CurrencyInputPanel
             title="Input"
             description={lastEditedField === OUTPUT ? estimatedText : ''}
@@ -785,8 +784,6 @@ class Send extends Component {
             </button>
           </div>
         </div>
-
-        </div>
       </div>
     );
   }

src/pages/Swap/index.js

@@ -714,7 +714,6 @@ class Swap extends Component {
             })}
           />
 
-          <div className='ani_title_fade_in'>
           <CurrencyInputPanel
             title="Input"
             description={lastEditedField === OUTPUT ? estimatedText : ''}
@@ -758,7 +757,6 @@ class Swap extends Component {
           </div>
         </div>
       </div>
-      </div>
     );
   }
 }