diff options
Diffstat (limited to 'src/styles/style.css')
| -rw-r--r-- | src/styles/style.css | 26 |
1 files changed, 24 insertions, 2 deletions
diff --git a/src/styles/style.css b/src/styles/style.css index d00fc49..2ebfa8c 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -104,7 +104,7 @@ nav #menu { } nav #menu li { - padding-left: 40px; + padding-left: 30px; /* 40px */ display: inline-block; cursor: pointer; font-weight: 300; @@ -119,12 +119,19 @@ nav #menu li span { nav #menu li a { color: #fff; + transition: 0.5s; } nav #menu li a:hover { text-decoration: none; + transition: 0.5s; } +#menu-item-1:hover { letter-spacing: 1px; font-family: cursive; } +#menu-item-2:hover { font-weight: bold; font-family: monospace; } +#menu-item-3:hover { font-style: italic; font-family: Arial, Helvetica, sans-serif; } +#menu-item-4:hover { text-decoration: underline !important; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; } + #toggle { position: absolute; right: 30px; @@ -453,8 +460,15 @@ h6 { div #no-h, #personal a, a:hover, #media a, a:hover, #address a, a:hover { color: inherit; text-decoration: none; + transition: 0.5s; } +#info-item-1:hover { font-weight: bold; font-family: monospace; } +#media-item-1:hover { text-decoration: underline !important; font-family: Arial, Helvetica, sans-serif; } +#media-item-2:hover { font-style: italic; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } +#media-item-3:hover { letter-spacing: 1px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; } +#address-item-1:hover {font-style: italic; font-family: cursive; } + /*--------------- Work Page --------------- */ .hero-content { @@ -585,9 +599,17 @@ textarea:focus { } } +@media(max-width: 768px) { + .mobile-txt3 { + display: none; + } +} + .mobile-txt2 { content: "absence."; font-family: "Roboto Mono"; font-size: 16px; color: #fff; -}
\ No newline at end of file +} + +/* ---- Extra ---- */
\ No newline at end of file |