diff --git a/style/topbar.css b/style/topbar.css index e1ffd81..edd949d 100644 --- a/style/topbar.css +++ b/style/topbar.css @@ -9,15 +9,16 @@ } .tabs li:hover { - .tab-svg-path { - fill: #2c3251; - stroke: #690455; - } - transition-duration: 250ms; transform: translate(0, -10px); } +.tabs li:hover .tab-svg-path { + fill: #2c3251; + stroke: #690455; + transition-duration: 250ms; +} + .tabs li button { position: relative; border: none; @@ -67,43 +68,43 @@ background-color: #191c2e; color: #FFFFFF; z-index: 10; +} - .auth-submit { - position: relative; - margin: 6px; - padding: 6px 12px; - text-align: center; - background: #21253c; - color: inherit; - border: 2px solid #690455; - border-radius: 6px; - font: inherit; - } +.auth-submit { + position: relative; + margin: 6px; + padding: 6px 12px; + text-align: center; + background: #21253c; + color: inherit; + border: 2px solid #690455; + border-radius: 6px; + font: inherit; +} - .auth-submit:hover, .auth-submit:focus { - background: #2c3251; - outline: none; - } +.auth-submit:hover, .auth-submit:focus { + background: #2c3251; + outline: none; +} - .auth-field { - position: relative; - text-align: center; - margin-bottom: 8px; +.auth-field { + position: relative; + text-align: center; + margin-bottom: 8px; +} - .auth-input { - border: 2px solid #690455; - border-radius: 6px; - background: #21253c; - color: #FFFFFF; - text-align: center; - font: normal 14px Roboto; - } +.auth-input { + border: 2px solid #690455; + border-radius: 6px; + background: #21253c; + color: #FFFFFF; + text-align: center; + font: normal 14px Roboto; +} - .auth-input:focus { - background: #2c3251; - outline: none; - } - } +.auth-input:focus { + background: #2c3251; + outline: none; } .center-x {