diff --git a/src/styles/nav.module.scss b/src/styles/nav.module.scss index 43834f5..7a544da 100644 --- a/src/styles/nav.module.scss +++ b/src/styles/nav.module.scss @@ -245,47 +245,40 @@ } .NavMainBottomInside { - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-gap: 10px; - justify-content: center; - align-items: center; - padding: 10px; - white-space: nowrap; - overflow-x: auto; + width: 100%; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 10px; + justify-content: center; + align-items: center; + padding: 10px; + white-space: nowrap; + overflow-x: auto; - .NavMainBottomInsideLinks { - display: flex; - flex-direction: row; - grid-gap: 10px; - justify-content: center; - align-items: center; - - .NavMainBottomInsideLink { - transition: ease 0.4s; - text-decoration: unset; - color: rgba(255, 255, 255, 0.5); - font-weight: bold; - padding: 5px 15px; + .NavMainBottomInsideLink { + transition: ease 0.4s; + text-decoration: unset; + color: rgba(255, 255, 255, 0.5); + font-weight: bold; + padding: 5px 15px; - &:hover { - transition: ease 0.4s; - color: rgba(255, 255, 255, 0.85); - text-decoration: unset; - } - - &.NMBILActive { - color: rgba(255, 255, 255, 0.65); - } - } - - @media (max-width: 768px) { - display: flex; - justify-content: start; - } + &:hover { + transition: ease 0.4s; + color: rgba(255, 255, 255, 0.85); + text-decoration: unset; } + &.NMBILActive { + color: rgba(255, 255, 255, 0.65); + } + } + + @media (max-width: 768px) { + display: flex; + justify-content: start; + } +} + .NavMainBottomInsideOther { display: flex; lex-direction: row; @@ -325,6 +318,5 @@ .NavMainBottomInsideOtherRight { } - } } }