clean ui

adamsyy · adamsyy · commit 79d98b4b901e · 2021-11-28T01:28:09.000+05:30
diff --git a/public/index.html b/public/index.html
@@ -11,7 +11,9 @@
     
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    
-    <title>Hox</title>
+    <title>
+    Hox
+    </title>
   </head>
   <body style="
     
diff --git a/src/components/Main.css b/src/components/Main.css
@@ -21,6 +21,9 @@ input[type=text]:focus{
     outline: none;
 
 
+}
+input[type=file]{
+    background-color: black;
 }
 td,a{
     color: black !important;
@@ -44,3 +47,7 @@ width: 100px;
     font-size: 122px !important;
     font-weight: bold;
 }
+tr td{
+font-family: sans-serif;
+font-size: 12px;
+}
diff --git a/src/components/Main.js b/src/components/Main.js
@@ -20,7 +20,13 @@ class Main extends Component {
             <div className="content">
               <p>&nbsp;</p>
               <div  className="card mb-3 mx-auto "  id="onee" style={{ maxWidth: '512px'}} >
-                <h2 className="h2ahne" className="text-black text-monospace" ><b><span style={{color:'red', fontSize:55}}>Hox</span> <span style={{color:'rd'}}>it</span> <span style={{color:' '}}>today!</span></b></h2>
+                <h2 className="h2ahne" className="text-black text-monospace" ><b><span style={{color:'red', fontSize:55}}>
+                <span style={{color:'red', fontSize:65}}>H</span>
+                <span style={{color:'red', fontSize:60}}>o</span>
+                <span style={{color:'red', fontSize:65}}>X</span>
+              
+                
+                </span> <span style={{color:'rd'}}>it</span> <span style={{color:' '}}>today!</span></b></h2>
                 <br></br>
                   <form onSubmit={(event) => {
                     event.preventDefault()
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -14,8 +14,10 @@ class Navbar extends Component {
           target="_blank"
           rel="noopener noreferrer"
         >
+         <span className="span1">H</span> 
+         <span className="span2">o</span> 
+         <span className="span3">X</span> 
           
-          Hox
         </a>
         <ul className="navbar-nav px-3">
           <li>
