docs: change css of the front page

Author: EscapedGibbon

src/css/custom.css

@@ -29,22 +29,17 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 #frontPage {
-  min-height: 80vh;
   width: 100%;
   height: 100%;
 }
-.footer {
-  min-height: 20vh;
-  width: 100%;
-  height: auto;
-}
-p {
-  padding: 1rem;
-  max-width: 65%;
+.frontPage__text {
   margin: auto;
+  max-width: 45%;
+  padding: 1em;
 }
-.front_page__text {
-  font-size: 18px;
+
+.main-wrapper {
+  flex: 1 0 0;
 }
 
 button {

src/pages/index.tsx

@@ -16,7 +16,7 @@ function HomepageHeader() {
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <p className="front_page__text">
+        <p className="frontPage__text">
           ImageJS is a JavaScript library designed to facilitate image
           processing and manipulation. It provides a wide range of features for
           developers to enhance, analyze, and transform images seamlessly. It