diff options
Diffstat (limited to 'css/index.css')
-rw-r--r-- | css/index.css | 65 |
1 files changed, 27 insertions, 38 deletions
diff --git a/css/index.css b/css/index.css index c06a380..3b2d987 100644 --- a/css/index.css +++ b/css/index.css @@ -15,6 +15,33 @@ html #about a{ fill: #444; } +h1 { + font-size: 45px; + width: 500px; +} + +h2 { + font-size: 25px; + width: 500px; +} + +h3 { + font-size: 20px; +} + +/* media query for mobile */ +@media only screen and (max-width: 600px) { + h2 { + font-size: 33px; + width: 300px; + } + + h3 { + font-size: 23px; + width: 300px; + } +} + nav { width: 100vw; font-weight: 600; @@ -87,29 +114,6 @@ header { text-align: center; } -header h1 { - font-size: 45px; - width: 500px; -} - -header h2 { - font-size: 25px; - width: 500px; -} - -/* Header media query for mobile */ -@media only screen and (max-width: 600px) { - header h1 { - font-size: 33px; - width: 300px; - } - - header h2 { - font-size: 23px; - width: 300px; - } -} - header a { text-decoration: none; } @@ -148,13 +152,6 @@ svg:hover { width: 1000px; } -#about h1 { - font-size: 25px; -} - -#about h2 { - font-size: 20px; -} #about p{ font-size: 18px; @@ -178,14 +175,6 @@ svg:hover { width: 90%; } - #about h1 { - font-size: 1.5rem; - } - - #about h2 { - font-size: 1.25rem; - } - #about p, #about ul li { font-size: 1rem; } |