diff --git a/_sass/base.scss b/_sass/base.scss index e744d1f..b3b6247 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -234,7 +234,7 @@ a:hover { top: 1980px; right: 200px; width: 60px; - height: 3220px; + height: 3550px; } .vertical-line { @@ -259,14 +259,14 @@ a:hover { } .node:nth-child(2) { top: 0; } -.node:nth-child(3) { top: 400px; } -.node:nth-child(4) { top: 800px; } -.node:nth-child(5) { top: 1200px; } -.node:nth-child(6) { top: 1600px; } -.node:nth-child(7) { top: 2000px; } -.node:nth-child(8) { top: 2400px; } -.node:nth-child(9) { top: 2800px; } -.node:nth-child(10) { top: 3200px; } +.node:nth-child(3) { top: 470px; } +.node:nth-child(4) { top: 920px; } +.node:nth-child(5) { top: 1380px; } +.node:nth-child(6) { top: 1830px; } +.node:nth-child(7) { top: 2250px; } +.node:nth-child(8) { top: 2680px; } +.node:nth-child(9) { top: 3100px; } +.node:nth-child(10) { top: 3540px; } /* end roadmap lines styling */ @@ -412,11 +412,14 @@ footer { } .footer-link { + display: inline-block; text-decoration: none; margin-left: 20px; + transition: transform 0.5s ease !important; } .footer-link:hover { + transform: translateY(-2px); background: transparent; color: white; } @@ -477,14 +480,15 @@ hr { } .left-menu { - display: flex; - align-items: center; - filter: brightness(80%); + display: flex; + align-items: center; transition: transform 0.5s ease; + filter: brightness(0.8); + will-change: filter; } .left-menu:hover { - filter: unset; + filter: brightness(1.0); } .left-menu img {