diff --git a/newLogin.css b/newLogin.css index 977f6f00..6d8ead45 100644 --- a/newLogin.css +++ b/newLogin.css @@ -23,6 +23,18 @@ align-items: center; } +.back-to-home { + display: flex; + align-items: center; + text-decoration: none; + color: white; + margin-top: 20px; +} + +.back-to-home svg { + margin-right: 8px; +} + .form-container { display: flex; gap: 2rem; @@ -31,7 +43,7 @@ color: white; backdrop-filter: blur(8px); padding: 2rem 1rem; - background-color: rgba(44, 57, 104,0.2); + background-color: rgba(44, 57, 104, 0.2); border-radius: 20px; } @@ -49,7 +61,7 @@ .content1 h1 { font-weight: 700; font-size: 4rem; - text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618; + text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; text-align: center; position: relative; } @@ -60,7 +72,7 @@ color: white; opacity: 1; font-weight: 600; - text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618; + text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; } .content1 button { @@ -94,7 +106,7 @@ .content2 h1 { font-size: 3rem; font-weight: 700; - text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618; + text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; text-align: center; position: relative; } @@ -115,7 +127,7 @@ color: white; font-weight: 600; text-align: center; - text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618; + text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; } .icon-section a { @@ -132,19 +144,19 @@ border-radius: 3px; width: 50%; left: 50%; - transform: translate(-50% , -50%); + transform: translate(-50%, -50%); bottom: 0; background-color: #6cffb8; } -.content1 h1::before , .content2 h1::before { +.content1 h1::before, .content2 h1::before { position: absolute; content: ''; height: 3px; border-radius: 3px; width: 60%; left: 50%; - transform: translate(-50% , -50%); + transform: translate(-50%, -50%); bottom: -10px; background-color: #6cffb8; } @@ -162,7 +174,7 @@ form { gap: 1rem; } -form>input { +form > input { font-size: 1.3rem; padding: 0.5rem 0.5rem; width: 20rem; @@ -196,26 +208,26 @@ form > input:focus { transition: transform 0.2s ease-in-out; } -.content2 button:hover{ +.content2 button:hover { box-shadow: 0px 0px 0px #2c3968; - transform: translate(7px , 7px); + transform: translate(7px, 7px); transition: all 0.2s ease-in-out; } -@media screen and (max-width : 815px){ +@media screen and (max-width: 815px) { .form-container { flex-direction: column; } - .content1 , .content2 { - box-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618; + .content1, .content2 { + box-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; padding: 2rem 0rem; border-radius: 10px; } } -@media screen and (max-width : 510px){ - .content1 h1 , .content2 h1 { +@media screen and (max-width: 510px) { + .content1 h1, .content2 h1 { font-size: 2rem; } @@ -237,7 +249,7 @@ form > input:focus { text-decoration: none; } - form>input { + form > input { font-size: 1rem; padding: 0.5rem 0.5rem; width: 14rem; @@ -247,5 +259,4 @@ form > input:focus { .content2 p { font-size: 1.5rem; } - -} \ No newline at end of file +}