bot01.sh fez este upload

zolppy · Oct 15, 2023 · 267648a · 267648a
1 parent b851a87
commit 267648a
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 26 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -1,54 +1,51 @@
 @charset "UTF-8";
 
 :root {
-  --soft-white: #dfe4ea;
+  --soft-white: #e6eDf3;
   --background-color: #0d1017;
 }
 
 * {
   box-sizing: border-box;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 body {
   height: 100vh;
   background-color: var(--background-color);
   color: var(--soft-white);
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   display: flex;
-  align-items: center;
   justify-content: center;
 }
 
 #container {
+  margin-top: 32px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 
 #logo {
-  width: 47px;
+  width: 48px;
 }
 
 #title {
-  margin-top: 35px;
+  margin-top: 31px;
   font-weight: 300;
   font-size: 1.5rem;
-  letter-spacing: -0.04rem;
+  letter-spacing: -0.03rem;
 }
 
 form {
-  border: 1px solid #32353c;
+  border: 1px solid rgba(50, 53, 60, .5);
   margin-top: 22px;
   height: 220px;
   width: 307px;
   border-radius: 7px;
   background-color: #161b21;
-  padding: 16px;
+  padding: 20px 16px 10px 16px;
   font-size: 14px;
-  /* display: flex;
-  flex-direction: column;
-  justify-content: center; */
 }
 
 #username-input-container,
@@ -59,14 +56,10 @@ form {
 
 #username-input-container input:focus,
 #password-input-container input:focus,
-a:focus {
-  border: 2px solid dodgerblue;
-  outline: dodgerblue;
-}
-
+a:focus,
 #signin-button:focus {
-  border: 2px solid dodgerblue;
-  outline: dodgerblue;
+  border: 2px solid #2F81F7;
+  outline: #2F81F7;
 }
 
 #username-input-container input,
@@ -78,11 +71,11 @@ a:focus {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   background-color: var(--background-color);
   border: 1px solid #32353c;
-  border-radius: 5px;
+  border-radius: 6px;
 }
 
 #username-input-container label {
-  margin-bottom: 10px;
+  margin-bottom: 11px;
 }
 
 #password-input-container {
@@ -96,6 +89,7 @@ a:focus {
 
 #password-label-container a {
   font-size: .9em;
+  letter-spacing: -0.02rem;
 }
 
 #password-input-container label {
@@ -106,9 +100,10 @@ a:focus {
   margin-top: 16px;
   height: 2rem;
   border: none;
-  border-radius: 5px;
-  background-color: #28913c;
+  border-radius: 6px;
+  background-color: #238636;
   color: #fff;
+  font-weight: 500;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-size: .9rem;
   width: 100%;
@@ -121,7 +116,6 @@ a:focus {
 
 #create-an-account {
   border: 1px solid #32353c;
-  /* height: 220px; */
   width: 307px;
   border-radius: 7px;
   padding: 15px;
@@ -134,25 +128,32 @@ a:focus {
   justify-content: center;
 }
 
+#create-an-account p {
+  letter-spacing: -0.02em;
+}
+
 #links-container {
   width: 307px;
   margin-top: 80px;
   font-size: .8em;
+  padding-left: 4px;
+  padding-right: 4px;
   display: flex;
   justify-content: space-around;
+  letter-spacing: -0.04em;
 }
 
 #contact-link {
   color: #888;
 }
 
 #contact-link:hover {
-  color: dodgerblue;
+  color: #2F81F7;
 }
 
 a {
   text-decoration: none;
-  color: dodgerblue;
+  color: #2F81F7;
 }
 
 a:hover {

diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@ <h1 id="title">Sign in to GitHub</h1>
           <div id="password-input-container">
             <div id="password-label-container">
               <label for="password-input">Password</label>
-              <a href="#">Forget password?</a>
+              <a href="#">Forgot password?</a>
             </div>
             <input type="password" id="password-input" />
           </div>