diff --git a/src/features/Pokedex/Filters/Filters.css b/src/features/Pokedex/Filters/Filters.css index 4f655f8..c553212 100644 --- a/src/features/Pokedex/Filters/Filters.css +++ b/src/features/Pokedex/Filters/Filters.css @@ -1,40 +1,41 @@ html { - --toggle: hsl(230deg 17% 85%); - --bgcolor: none; - --colorPrimary: #000; - --filterHeading: #000; - --selectBg : #fff; - --selectText : #000; + --toggle: hsl(230deg 17% 85%); + --bgcolor: none; + --colorPrimary: #000; + --filterHeading: #000; + --selectBg: #fff; + --selectText: #000; } @font-face { - font-family: 'barcadebrawl'; - src: url('assets/fonts/BarcadeBrawl.ttf'); + font-family: 'barcadebrawl'; + src: url('assets/fonts/BarcadeBrawl.ttf'); } .filter__container { - display: flex; - flex-direction: row; - margin: 7vh 0 5vh 0; - gap: 0 2vw; + display: flex; + flex-direction: row; + margin: 7vh 0 5vh 0; + gap: 0 2vw; } .filter__items { - display: flex; - flex-direction: column; - align-items: center; - font-family: 'barcadebrawl'; - font-size: 12px; + display: flex; + flex-direction: column; + align-items: center; + font-family: 'barcadebrawl'; + font-size: 12px; } -.filter__items>input { - width: 10vw; - margin-top: 5px; - background-color: var(--selectBg); - color: var(--selectText); - border: 1px solid var(--selectText); +.filter__items > input { + width: 10vw; + margin-top: 5px; + background-color: var(--selectBg); + color: var(--selectText); + border: 1px solid var(--selectText); } -.filter__items>div, label { - color: var(--filterHeading); -} \ No newline at end of file +.filter__items > div, +label { + color: var(--filterHeading); +}