diff --git a/dist/style.css b/dist/style.css index e806b84..592185d 100644 --- a/dist/style.css +++ b/dist/style.css @@ -44,7 +44,7 @@ html { ::-webkit-scrollbar-track-piece { background: var(--system-color-light); } - + ::-webkit-scrollbar { width: 13px; } @@ -159,8 +159,8 @@ body { flex: 0 0 75%; & main { - width: 100%; - height: 100%; + width: inherit; + height: inherit; padding-inline: 1rem; padding-block: 1rem; @@ -229,8 +229,8 @@ body { pointer; & nav { - width: 100%; - height: 100%; + width: inherit; + height: inherit; display: flex; flex-flow: column nowrap; @@ -239,7 +239,7 @@ body { direction: ltr; - & :is(h2, h3) { + & :is(h2, h3) { padding-block: 1.4rem 0.4rem; font: normal normal 700 1.4rem / 3rlh "Alegreya", serif; @@ -254,7 +254,7 @@ body { & h1 { padding-block: 1.8rem 0.6rem; - + font: normal normal 900 2.6rem / 4.4rlh "Bubblegum Sans", sans-serif; color: var(--system-color-light); text-shadow: 1px 1px 1px var(--system-color-dark), @@ -308,7 +308,7 @@ body { z-index: 1; opacity: 0; transition: opacity 1s ease-out; - + &::after { content: ""; position: absolute; @@ -332,7 +332,7 @@ body { margin-block: 0.4rem; padding-block: 0.4rem; - + font: normal normal 500 1.1rem / 2.2rlh "Lora", serif; color: var(--system-color-btn-text); @@ -371,7 +371,8 @@ body { fill: var(--system-color-light); opacity: 0.8; - transition: transform 0.25s ease, filter 0.25s ease, opacity 0.25s ease; + transition: transform 0.25s ease, filter 0.25s ease, + opacity 0.25s ease; white-space: transform, filter, opacity; /* ☛ ⚠ cursor max size 128px*128px */ cursor: url("./assets/cursor.png"), @@ -422,4 +423,4 @@ body { animation: none !important; scroll-behavior: auto !important; } -} \ No newline at end of file +}