diff --git a/styles.css b/styles.css index e1e89f3..3f054b5 100644 --- a/styles.css +++ b/styles.css @@ -322,7 +322,7 @@ outline-color: var(--accent); border-radius: 25px; padding: 20px; - box-shadow: 10px 5px 10px var(--crust); + box-shadow: inset 0px 0px 0px 0px var(--accent); } .main a { font-size: 13px; @@ -343,7 +343,6 @@ outline-color: var(--accent); border-radius: 25px; padding: 20px; - box-shadow: 10px 5px 10px var(--crust); width: 35%; display: inline-block; margin-left: 100px; @@ -351,10 +350,10 @@ .main:hover { outline: 5px dashed; outline-color: var(--accent); - opacity: 1; background-color: var(--crust); transform: scale(1.01, 1.01); transition: ease-in-out 0.3s; + box-shadow: inset 0px 0px 25px 0px var(--accent); } .pronouns-box:hover { outline: 5px dashed; @@ -363,6 +362,7 @@ background-color: var(--crust); transform: scale(1.01, 1.01); transition: ease-in-out 0.3s; + box-shadow: inset 0px 0px 25px 0px var(--accent); } footer { font-family: "Iosevka Aile", monospace; @@ -555,9 +555,9 @@ height: auto; } .pfp:hover { - transition: ease-in-out 0.2s; + transition: ease-in-out 0.45s; height: auto; - transform: scale(1.35, 1.35); + transform: scale(1.45, 1.45); } /* show dd content */ @@ -583,6 +583,7 @@ transition: ease-in-out 0.5s; position: relative; padding: 10px; + box-shadow: inset 0px 0px 25px 0px var(--crust); } /* mask to close menu by clicking on the button */