Excluir fundo1.png

site.html

@@ -40,10 +40,6 @@
     </div>
     <!--cabo log-->
 
-
-
-
 </body>
 
-
 </html>

style.css

@@ -1,22 +1,22 @@
-  * {
+* {
   padding: 0;
   margin: 0;
-  }
+}
 
-  p,
-  h1,
-  h2,
-  h3 {
+p,
+h1,
+h2,
+h3 {
   margin: 0;
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
-  }
+}
 
-label{
+label {
   display: block;
 }
 
- body {
-    background-image: url(imagens/fundo1.png);
+body {
+
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
@@ -24,26 +24,27 @@ label{
 
   height: 100vh;
   display: flex;
-    justify-content: flex-start; 
+  justify-content: center;
   align-items: center;
-    padding-left: 300px;  
- }
+  padding-left: 0;
+}
 
- @media (max-width: 768px) {
+@media (max-width: 768px) {
   body {
     padding-left: 20px;
     padding-right: 20px;
     justify-content: center;
   }
- }
+}
 
- @media (max-width: 480px) {
+@media (max-width: 480px) {
   #log {
     width: 100% !important;
     max-width: 320px;
   }
- }     
-  #topo {
+}
+
+#topo {
   width: 100%;
   height: 70px;
   background-color: #111;
@@ -56,34 +57,37 @@ label{
   justify-content: flex-start;
   padding-left: 20px;
 
-  }
+}
 
-  #textotop {
+#textotop {
   font-size: 48px;
   margin: 0;
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-  }
+}
 
-  #log {
+#log {
   margin-top: 70px;
   width: 350px;
   display: flex;
   flex-direction: column;
   gap: 15px;
-      color: white;
+  color: rgb(0, 0, 0);
   margin: 0;
-  }
-  #campo {
+}
+
+#campo {
   display: flex;
   flex-direction: column;
   gap: 15px;
   align-self: center;
-  }
-  #menslog{
-    font-size: 20px;
-  }
+}
 
-   #emailid, #senhaid {
+#menslog {
+  font-size: 20px;
+}
+
+#emailid,
+#senhaid {
   height: 50px;
   width: 100%;
   padding: 10px;
@@ -91,23 +95,23 @@ label{
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
-  }
+}
 
-  label {
+label {
   display: block;
   margin-bottom: 5px;
   font-weight: bold;
   color: white;
-  }
+}
 
-  form {
+form {
   display: flex;
   flex-direction: column;
   gap: 15px;
   width: 100%;
-  }
+}
 
-  #logbtn {
+#logbtn {
   align-self: center;
   width: 50%;
   padding: 12px;
@@ -119,11 +123,28 @@ label{
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.3s;
-  }
+}
 
-  #logbtn:hover {
+#logbtn:hover {
   background-color: #A03224;
-  }
-  .mens {
+}
+
+.mens {
   align-self: center;
-  }
+}
+
+.mens-links {
+  display: flex;
+  justify-content: center;
+  gap: 20px;
+}
+
+.mens-links a {
+  color: inherit;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.mens-links a:hover {
+  text-decoration: underline;
+}