From 0bf406aba857505e8b3a53c68b2b66f6091bc675 Mon Sep 17 00:00:00 2001 From: Lanzinho 15 Date: Sun, 27 Jul 2025 17:58:46 -0300 Subject: [PATCH] =?UTF-8?q?atualiza=C3=A7=C3=A3o=20da=20tela=20de=20login?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/LoginStyle.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++ login.html | 50 ++++++++++++++-------------- 2 files changed, 106 insertions(+), 26 deletions(-) diff --git a/css/LoginStyle.css b/css/LoginStyle.css index e69de29..64f2900 100644 --- a/css/LoginStyle.css +++ b/css/LoginStyle.css @@ -0,0 +1,82 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Inter', sans-serif; +} + +body { + background-color: #1d1d1d; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.login-container { + background-color: #9cc1d921; + padding: 40px; + border-radius: 20px; + box-shadow: 0 0 20px rgba(0,0,0,0.5); + width: 300px; + text-align: center; +} + +.login-container h2 { + color: white; + margin-bottom: 30px; + font-weight: 500; +} + +.input-box { + position: relative; + margin-bottom: 20px; +} + +.input-box i { + position: absolute; + top: 12px; + left: 10px; + color: white; +} + +.input-box input { + width: 100%; + padding: 10px 10px 10px 35px; + border: none; + border-radius: 10px; + background: #1f1f1f; + color: white; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8); +} + +.input-box input::placeholder { + color: #aaa; +} + +.buttons { + display: flex; + justify-content: space-between; + margin-top: 10px; +} + +.btn { + width: 48%; + padding: 10px; + background-color: #385c737e; + border: none; + border-radius: 8px; + color: white; + cursor: pointer; + transition: 0.3s; +} + +.btn:hover { + background-color: #444; +} + +.forgot { + width: 100%; + margin-top: 10px; +} diff --git a/login.html b/login.html index 14f5267..c97cec8 100644 --- a/login.html +++ b/login.html @@ -1,33 +1,31 @@ - - - - + + Login - - -
-