Signature styling, signature import

Author: karmeensec

src/App.css

@@ -4,6 +4,19 @@
     box-sizing: border-box;
 }
 
+::-webkit-scrollbar {
+  width: .6rem;
+}
+
+::-webkit-scrollbar-track {
+  background-color: #A2C8B7;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #386D64;
+  border-radius: 1rem;
+}
+
 body {
     min-height: 100vh;
 }
@@ -146,4 +159,25 @@ body {
     color: #F7F9F9;
     width: 20%;
     opacity: 0.4;
-  }
+  }
+
+ .svg {
+  transform: scale(0.1);
+  
+
+  stroke-dasharray: 411.6537170410156;
+  animation: 3s fillSVG linear infinite;
+ }
+
+ @keyframes fillSVG {
+
+  0%{
+    stroke-dashoffset: 411.6537170410156;
+
+  }
+  100%{
+    stroke-dashoffset: 0;
+
+  }
+
+ }

src/App.tsx

@@ -4,6 +4,8 @@ import './App.css'
 import AddTaskForm from './components/AddTaskForm';
 import ToDoList from './components/ToDoList';
 import {CgCopyright} from 'react-icons/cg'
+import Signature from './components/Signature';
+
 
 
 const App: FC = () => {
@@ -79,7 +81,7 @@ const App: FC = () => {
       <ToDoList todos = {todos} setTodos = {setTodos} toDoFilter = {toDoFilter} />
 
        <footer style={{ position: 'absolute', left: '0', bottom: '0', display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%', padding: '.1rem', fontSize: '16px', fontFamily: 'Indie Flower', color: '#F7F9F9', background: 'transparent' }}> <CgCopyright /> Copyright by Kamil Ismayilzada. </footer> 
-
+      {/* <Signature /> */}
     </div>