diff --git a/index.html b/index.html index 5bea41b..78f47d0 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - PassForge + PassForge | Generate Unbreakable Password diff --git a/styles.css b/styles.css index c3c3d6b..2c8577d 100644 --- a/styles.css +++ b/styles.css @@ -158,9 +158,7 @@ div.range span{ grid-template-columns: 1fr 1fr; gap: 25px; justify-content: center; - user-select: none; - - + user-select: none; } div.options label{ display: block; @@ -215,6 +213,7 @@ div.range span{ /**========= MEDIA QUERYES =========**/ + @media screen and (max-width:770px) { body{ @@ -271,6 +270,15 @@ div.range span{ font-size: 24px; border-radius: 8px; } + .btn-circle:hover{ + background:none; + } + button.generate:hover{ + transform:none; + } + button.generate:active{ + transform:scale(0.9); + } } @@ -281,7 +289,6 @@ div.range span{ margin-top: 20px; width: 70%; height:600px; - } .generator{ @@ -304,6 +311,16 @@ div.range span{ padding: 15px; } + div.options label{ + display: block; + background-color:#1E1E1E ; + padding-block: 0px; + border-radius:10px; + cursor: pointer; + width: 150px; + transition: 0.5s; + + } } }