diff --git a/_includes/styles/windows.css b/_includes/styles/windows.css index da08aad..b591878 100644 --- a/_includes/styles/windows.css +++ b/_includes/styles/windows.css @@ -63,21 +63,18 @@ .close-button { background: color-mix(in srgb, var(--accent) 40%, transparent); - padding: .4rem .5rem .2rem .6rem; - border-left: .2rem solid var(--accent); - border-bottom: .2rem solid var(--accent); border-bottom-left-radius: 1rem; - margin-bottom: -.2rem; + border-bottom: .2rem solid var(--accent); + border-left: .2rem solid var(--accent); color: var(--foreground); - - transition: background .2s; - transition: background-color .2s; + margin-bottom: -.2rem; + padding: .4rem .5rem .2rem .6rem; + transition: background .2s, background-color .2s; } /* close button (animated on hover) */ .close-button:hover { background: var(--red); - transition: background .2s; span { @@ -94,14 +91,13 @@ animation-fill-mode: backwards; background-color: var(--background); border-radius: 2rem .6rem 2rem .6rem; - border: var(--accent) solid .15rem; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; color: var(--foreground); margin-bottom: 2em; margin-left: auto; margin-right: auto; max-width: 60em; - outline: var(--accent) solid 0rem; + outline: var(--accent) solid .15rem; overflow: clip; transition: .2s outline; }