Formatação do css

This commit is contained in:
2026-03-01 19:52:45 +00:00
parent 915f2f2ff7
commit 6bffb165e9

View File

@@ -16,7 +16,7 @@ label{
} }
body { body {
background-image: url(imagens/fundo1.png);
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@@ -24,9 +24,9 @@ label{
height: 100vh; height: 100vh;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
padding-left: 300px; padding-left: 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@@ -43,6 +43,7 @@ label{
max-width: 320px; max-width: 320px;
} }
} }
#topo { #topo {
width: 100%; width: 100%;
height: 70px; height: 70px;
@@ -70,20 +71,23 @@ label{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 15px; gap: 15px;
color: white; color: rgb(0, 0, 0);
margin: 0; margin: 0;
} }
#campo { #campo {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 15px; gap: 15px;
align-self: center; align-self: center;
} }
#menslog { #menslog {
font-size: 20px; font-size: 20px;
} }
#emailid, #senhaid { #emailid,
#senhaid {
height: 50px; height: 50px;
width: 100%; width: 100%;
padding: 10px; padding: 10px;
@@ -124,6 +128,23 @@ label{
#logbtn:hover { #logbtn:hover {
background-color: #A03224; background-color: #A03224;
} }
.mens { .mens {
align-self: center; 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;
}