css changes

Author: purshink

react-frontend/src/App.css

@@ -50,3 +50,5 @@ a {
 button {
   font-family: "Poppins", sans-serif;
 }
+
+

react-frontend/src/components/root/users/UsersHome.jsx

@@ -121,8 +121,7 @@ const UserHome = () => {
           )}
         </section>
       </main>
-      {!welcomeDiv.showDiv && <Footer class={style.footer} />}
-      {welcomeDiv.showDiv && <Footer class={style.footer_cover} />}
+      <Footer class={style.footer_hobbie_details} />
     </>
   );
 };

react-frontend/src/components/root/users/business/AccountBusiness/AccountBusiness.jsx

@@ -109,7 +109,7 @@ const AccountBusiness = () => {
           <BackgroundHome />
         </section>
       </main>
-      <Footer class={style.footer} />
+      <Footer class={style.footer_hobbie_details} />
     </>
   );
 };

react-frontend/src/components/root/users/login/Login.jsx

@@ -170,7 +170,7 @@ const Login = () => {
           </div>
         </form>
       </main>
-      <Footer class={style.footer} />
+      <Footer class={style.footer_cover} />
       <Background />
     </>
   );

react-frontend/src/components/root/users/user/MyHobbies.jsx

@@ -82,8 +82,7 @@ const MyHobbies = () => {
           )}
         </section>
       </main>
-      {!welcomeDiv.showDiv && <Footer class={style.footer} />}
-      {welcomeDiv.showDiv && <Footer class={style.footer_cover} />}
+      <Footer class={style.footer_hobbie_details} />
     </>
   );
 };

react-frontend/src/components/root/users/user/accountUser/AccountUser.jsx

@@ -104,7 +104,7 @@ const AccountUser = () => {
           <BackgroundHome />
         </section>
       </main>
-      <Footer class={style.footer} />
+      <Footer class={style.footer_hobbie_details} />
     </>
   );
 };

react-frontend/src/css/Footer.module.css

@@ -9,17 +9,19 @@
 }
 
 .footer {
-  position: absolute;
   margin-top: 40px;
-  margin: 1% 5%;
+  margin: 2% 5%;
   bottom: 0px;
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3C000000,endColorstr=#3C000000);
   zoom: 1;
   width: 90%;
   color: #494969;
+  position: relative;
+  top: 43px;
 }
 
+
 .footer_cover {
   position: absolute;
   height: 40px;
@@ -33,25 +35,8 @@
   color: #494969;
 }
 
-@media only screen and (hover: none) and (pointer: coarse) {
-  .footer {
-    font-size: 14px;
-    position: relative;
-    padding-top: 3%;
-    margin-left: 5%;
-  }
-  .footer_cover {
-    position: fixed;
-    bottom: 1%;
-  }
-}
-
 @media all and (max-width: 600px) {
-  .footer_cover {
-    font-size: 14px;
-    padding-top: 5%;
-    margin-bottom: 3%;
-  }
+
   .footer_hobbie_details {
     font-size: 14px;
     padding-left: 3%;

react-frontend/src/css/Forms.module.css

@@ -78,33 +78,6 @@ input[type="checkbox"] {
   transform: scale(1.5);
 }
 
-input[type="checkbox"] {
-  width: 20px;
-  height: 2 0px;
-  margin-right: 8px;
-  cursor: pointer;
-  font-size: 17px;
-  visibility: hidden;
-  margin-top: 40px;
-  overflow-wrap: normal;
-  margin-bottom: 40px;
-}
-
-input[type="checkbox"]:after {
-  content: " ";
-  background-color: #fff;
-  display: inline-block;
-  margin-left: 10px;
-  padding-bottom: 5px;
-  color: #00bff0;
-  width: 22px;
-  height: 12px;
-  visibility: visible;
-  border: 1px solid #00bff0;
-  padding-left: 3px;
-  border-radius: 5px;
-}
-
 .content_name {
   bottom: 5px;
   left: 0px;
@@ -167,9 +140,11 @@ input[type="checkbox"] {
   margin-top: 40px;
   overflow-wrap: normal;
   margin-bottom: 40px;
+  -moz-appearance:initial;
 }
 
 input[type="checkbox"]:after {
+  -moz-appearance:initial;
   content: " ";
   background-color: #fff;
   display: inline-block;

react-frontend/src/css/Hobbie.module.css

@@ -1,6 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap");
 .hobbie_main {
   margin: auto 100px;
+  min-height: 80%;
   padding-bottom: 5%;
 }
 

react-frontend/src/css/Test.module.css

@@ -10,7 +10,6 @@
   box-shadow: 10px 10px 12px 12px rgba(248, 246, 246, 0.75);
   display: flex;
   justify-content: space-evenly;
-  margin-bottom: 200px;
 }
 
 .test_form_end {
@@ -23,7 +22,6 @@
   border-radius: 15px;
   padding: 80px;
   box-shadow: 10px 10px 12px 12px rgba(248, 246, 246, 0.75);
-  margin-bottom: 200px;
 }
 
 .test_end {
@@ -106,7 +104,6 @@
     width: 90%;
     padding: 0;
     margin: 20px 5%;
-    margin-bottom: 200px;
   }
 
   .test_form_end {