diff --git a/index.html b/index.html index e5b89af..17729b5 100644 --- a/index.html +++ b/index.html @@ -61,43 +61,43 @@ let me know if you want urs added here!
website source! diff --git a/styles.css b/styles.css index 975dcc5..a03738c 100644 --- a/styles.css +++ b/styles.css @@ -133,23 +133,21 @@ .dropdown-content a:hover { background-color: light-dark(var(--light-subtext), var(--dark-subtext)); } - .main:hover img { + .main:hover .web-button { transition: ease-in-out 0.2s; filter: blur(0.1em); - justify-content: center; - align-items: center; + display: inline-block; } - .main img:hover { - transition: ease-in-out 0.5s; - border: solid 2px; + + .main .web-button:hover { + transition: ease-in-out 0.3s; + border: solid 1px; border-radius: 10px; border-color: light-dark(var(--light-accent), var(--dark-accent)); - height: auto; - width: 100px; filter: blur(0); - justify-content: center; - align-items: center; box-shadow: 0px 0px 10px light-dark(var(--light-text), var(--dark-text)); + transform: scale(1.4, 1.4) rotate(2deg) translateX(-10px); + display: inline-block; } .pfp { @@ -179,10 +177,11 @@ background-color: light-dark(var(--light-accent), var(--dark-accent)); color: light-dark(var(--light-background), var(--dark-background)); border-color: light-dark(var(--light-background), var(--dark-background)); - height: auto; transition: ease-in-out 0.5s; - padding: 10px; - font-size: 16px; + position: relative; + transform: scale(2); + letter-spacing: 1px; + padding: 12px; } /* mask to close menu by clicking on the button */