diff --git a/styles/style.css b/styles/style.css index 658141a..9ee9189 100644 --- a/styles/style.css +++ b/styles/style.css @@ -5,9 +5,7 @@ --dark-text: #ffffff; --dark-bg: #181715; --dark-border: #ffffff; - --hightlight: #72dec2; - --border: var(--light-border); --text: var(--light-text); --bg: var(--light-bg); @@ -106,37 +104,10 @@ a:focus { pointer-events: none; } -@media screen and (max-height: 860px), -screen and (max-width: 1500px) { - #mesh { - display: none; - } -} - -@media screen and (max-width: 1160px) { - .sections { - display: none; - } - - #sections-button { - display: block !important; - } -} - .links { display: flex; } -@media screen and (max-width: 540px) { - #logo { - font-size: 2.2rem; - } - - .links { - display: none; - } -} - #sections-button { display: none; } @@ -156,8 +127,6 @@ screen and (max-width: 1500px) { display: none; } - - .copyleft a, .sections a { margin: 0 1rem 0 0; @@ -181,4 +150,31 @@ button { background: var(--bg); color: var(--text); margin: 0 2rem 0 0; +} + +@media screen and (max-height: 860px), +screen and (max-width: 1500px) { + #mesh { + display: none; + } +} + +@media screen and (max-width: 1160px) { + .sections { + display: none; + } + + #sections-button { + display: block !important; + } +} + +@media screen and (max-width: 540px) { + #logo { + font-size: 2.2rem; + } + + .links { + display: none; + } } \ No newline at end of file