diff --git a/src/styles/Header.scss b/src/styles/Header.scss new file mode 100644 index 0000000..4bc98c8 --- /dev/null +++ b/src/styles/Header.scss @@ -0,0 +1,59 @@ +header { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + backdrop-filter: blur(10px); + background: rgb(13 13 13 / 80%); + border-bottom: 1px gray solid; + display: flex; + justify-content: center; + align-content: center; + padding: 12px 0px; + .header-content { + max-width: 1200px; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + cursor: default; + a { + text-decoration: none; + } + .header-start { + a { + font-weight: bold; + display: flex; + align-items: center; + img { + width: 42px; + height: 42px; + margin-right: 12px; + } + } + } + .header-center { + a { + color: white; + background: transparent; + border-radius: 3rem; + padding: 4px 16px; + &:hover { + background: rgba(255, 255, 255, 0.25); + } + } + #selected { + background: white; + color: black; + } + } + .header-end { + svg { + transform: translate(0px, 6px); + } + a { + padding: 4px 16px; + } + } + } +} \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss new file mode 100644 index 0000000..4689991 --- /dev/null +++ b/src/styles/index.scss @@ -0,0 +1,19 @@ +@font-face { + font-family: SansSourcePro; + src: url(/fonts/Source-Sans-3/static/SourceSans3-Regular.ttf); + font-weight: normal; +} +@font-face { + font-family: SansSourcePro; + src: url(/fonts/Source-Sans-3/static/SourceSans3-Bold.ttf); + font-weight: bold; +} + +body { + background: black; + color: white; + font-family: SansSourcePro; + a { + color: white; + } +} \ No newline at end of file