diff --git a/src/components/global/Head-Starlight.astro b/src/components/global/Head-Starlight.astro
deleted file mode 100644
index 2130d72..0000000
--- a/src/components/global/Head-Starlight.astro
+++ /dev/null
@@ -1,23 +0,0 @@
----
-const { Title, Description } = Astro.props
----
-
-
-
- {Title}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/components/global/Head.astro b/src/components/global/Head.astro
index a11797c..2130d72 100644
--- a/src/components/global/Head.astro
+++ b/src/components/global/Head.astro
@@ -18,5 +18,6 @@ const { Title, Description } = Astro.props
+
\ No newline at end of file
diff --git a/src/styles/Carousel.scss b/src/styles/Carousel.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/styles/Header.scss b/src/styles/Header.scss
index 2119a07..752b35a 100644
--- a/src/styles/Header.scss
+++ b/src/styles/Header.scss
@@ -10,6 +10,7 @@ header {
justify-content: center;
align-content: center;
padding: 12px 0px;
+
.header-content {
max-width: 1200px;
width: 100%;
@@ -17,15 +18,19 @@ header {
align-items: center;
justify-content: space-between;
cursor: default;
+ padding: 0px 12px;
+
a {
text-decoration: none;
color: white;
}
+
.header-start {
a {
font-weight: bold;
display: flex;
align-items: center;
+
img {
width: 42px;
height: 42px;
@@ -33,28 +38,41 @@ header {
}
}
}
+
.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;
}
+ @media only screen and (max-width: 700px) {
+ display: none;
+ }
}
+
.header-end {
svg {
transform: translate(0px, 6px);
}
+
a {
padding: 4px 16px;
}
+ .mobile-show {display: none}
+ @media only screen and (max-width: 700px) {
+ .mobile-show {display: block}
+ .mobile-hide {display: none}
+ }
}
}
}
\ No newline at end of file