From 6bffb165e9021c5d8c8545c7f8f5d655c7ab3518 Mon Sep 17 00:00:00 2001 From: Gustavo Date: Sun, 1 Mar 2026 19:52:45 +0000 Subject: [PATCH] =?UTF-8?q?Formata=C3=A7=C3=A3o=20do=20css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 279 +++++++++++++++++++++++++++++------------------------- 1 file changed, 150 insertions(+), 129 deletions(-) diff --git a/style.css b/style.css index 8b0e6fc..26996d6 100644 --- a/style.css +++ b/style.css @@ -1,129 +1,150 @@ - * { - padding: 0; - margin: 0; - } - - p, - h1, - h2, - h3 { - margin: 0; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - } - -label{ - display: block; -} - - body { - background-image: url(imagens/fundo1.png); - background-size: cover; - background-repeat: no-repeat; - background-position: center; - background-attachment: fixed; - - height: 100vh; - display: flex; - justify-content: flex-start; - align-items: center; - padding-left: 300px; - } - - @media (max-width: 768px) { - body { - padding-left: 20px; - padding-right: 20px; - justify-content: center; - } - } - - @media (max-width: 480px) { - #log { - width: 100% !important; - max-width: 320px; - } - } - #topo { - width: 100%; - height: 70px; - background-color: #111; - position: fixed; - top: 0; - left: 0; - background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%); - display: flex; - align-items: center; - justify-content: flex-start; - padding-left: 20px; - - } - - #textotop { - font-size: 48px; - margin: 0; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; - } - - #log { - margin-top: 70px; - width: 350px; - display: flex; - flex-direction: column; - gap: 15px; - color: white; - margin: 0; - } - #campo { - display: flex; - flex-direction: column; - gap: 15px; - align-self: center; - } - #menslog{ - font-size: 20px; - } - - #emailid, #senhaid { - height: 50px; - width: 100%; - padding: 10px; - font-size: 16px; - border: 1px solid #ccc; - border-radius: 4px; - box-sizing: border-box; - } - - label { - display: block; - margin-bottom: 5px; - font-weight: bold; - color: white; - } - - form { - display: flex; - flex-direction: column; - gap: 15px; - width: 100%; - } - - #logbtn { - align-self: center; - width: 50%; - padding: 12px; - font-size: 18px; - font-weight: bold; - background-color: #C0392B; - color: white; - border: none; - border-radius: 4px; - cursor: pointer; - transition: background-color 0.3s; - } - - #logbtn:hover { - background-color: #A03224; - } - .mens { - align-self: center; - } \ No newline at end of file +* { + padding: 0; + margin: 0; +} + +p, +h1, +h2, +h3 { + margin: 0; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif +} + +label { + display: block; +} + +body { + + background-size: cover; + background-repeat: no-repeat; + background-position: center; + background-attachment: fixed; + + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + padding-left: 0; +} + +@media (max-width: 768px) { + body { + padding-left: 20px; + padding-right: 20px; + justify-content: center; + } +} + +@media (max-width: 480px) { + #log { + width: 100% !important; + max-width: 320px; + } +} + +#topo { + width: 100%; + height: 70px; + background-color: #111; + position: fixed; + top: 0; + left: 0; + background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%); + display: flex; + align-items: center; + justify-content: flex-start; + padding-left: 20px; + +} + +#textotop { + font-size: 48px; + margin: 0; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; +} + +#log { + margin-top: 70px; + width: 350px; + display: flex; + flex-direction: column; + gap: 15px; + color: rgb(0, 0, 0); + margin: 0; +} + +#campo { + display: flex; + flex-direction: column; + gap: 15px; + align-self: center; +} + +#menslog { + font-size: 20px; +} + +#emailid, +#senhaid { + height: 50px; + width: 100%; + padding: 10px; + font-size: 16px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +label { + display: block; + margin-bottom: 5px; + font-weight: bold; + color: white; +} + +form { + display: flex; + flex-direction: column; + gap: 15px; + width: 100%; +} + +#logbtn { + align-self: center; + width: 50%; + padding: 12px; + font-size: 18px; + font-weight: bold; + background-color: #C0392B; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; +} + +#logbtn:hover { + background-color: #A03224; +} + +.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; +} \ No newline at end of file