This commit is contained in:
2026-03-03 19:41:28 -03:00
parent 9eb90bf2ec
commit f26755deaa
2 changed files with 109 additions and 121 deletions

View File

@@ -23,7 +23,6 @@
<h3 class="mens">Faça seu login</h3> <h3 class="mens">Faça seu login</h3>
<form method="POST" action="login.php"> <form method="POST" action="login.php">
<div class="campo"> <div class="campo">
<label for="emailid">Email</label> <label for="emailid">Email</label>
@@ -40,10 +39,6 @@
</div> </div>
<!--cabo log--> <!--cabo log-->
</body> </body>
</html> </html>

View File

@@ -7,6 +7,7 @@
h1, h1,
h2, h2,
h3 { h3 {
color: black;
margin: 0; margin: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
} }
@@ -16,17 +17,10 @@ label{
} }
body { body {
background-image: url(imagens/fundo1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
height: 100vh; height: 100vh;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
padding-left: 300px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@@ -45,7 +39,7 @@ label{
} }
#topo { #topo {
width: 100%; width: 100%;
height: 70px; height: 50px;
background-color: #111; background-color: #111;
position: fixed; position: fixed;
top: 0; top: 0;
@@ -59,19 +53,18 @@ label{
} }
#textotop { #textotop {
font-size: 48px; font-size: 38px;
margin: 0; margin: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
} }
#log { #log {
margin-top: 70px;
width: 350px; width: 350px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 15px; gap: 15px;
color: white; color: white;
margin: 0; margin-top: 70px; /* Compensa a barra fixa do topo */
} }
#campo { #campo {
display: flex; display: flex;