diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 47 |
1 files changed, 29 insertions, 18 deletions
diff --git a/src/style.css b/src/style.css index 2e96bfc..e2e5f20 100644 --- a/src/style.css +++ b/src/style.css @@ -34,6 +34,7 @@ --secondary-hover-color: #282828; --tertiary-hover-color: #313131; + --font-size: 1rem; --font-color: #FFF; --font-opacity: 87%; --font-secondary-opacity: 60%; @@ -41,6 +42,8 @@ --background-image-opacity: 30%; --slant-delta: 40px; + + --width: 95%; } @media only screen and (min-width: 800px) { @@ -251,40 +254,48 @@ header h6 { } } -p { - text-align: justify; - font-size: 1rem; - line-height: 2rem; - width: 95%; -} - @media only screen and (min-width: 800px) { - p { - font-size: 1.3rem; + :root { + --font-size: 1.3rem; } } @media only screen and (min-width: 1000px) { - p { - font-size: 1.4rem; - width: 75%; + :root { + --font-size: 1.4rem; + --width: 75%; } } @media only screen and (min-width: 1400px) { - p { - font-size: 1.5rem; - width: 65%; + :root { + --font-size: 1.5rem; + --width: 65%; } } @media only screen and (min-width: 1800px) { - p { - font-size: 1.5rem; - width: 50%; + :root { + --font-size: 1.5rem; + --width: 50%; } } +p { + text-align: justify; + font-size: var(--font-size); + line-height: 2rem; + width: var(--width); +} + +.cl-section ul { + width: var(--width); +} + +.cl-section li { + font-size: var(--font-size); +} + main { width: 100%; } |