continued sidebar

src/styles/footer.scss

@@ -2,7 +2,6 @@ footer {
     display: flexbox;
     align-items: center;
     text-align: center;
-    position: absolute;
     bottom: 0;
     width: 100%;
     margin-bottom: 2vh;

src/styles/main.scss

@@ -24,6 +24,7 @@ main{
 .content {
     display: flex;
     flex-direction: column;
+    position: inherit;
     align-self: center;
     background-color: $highlight-primary;
     border-radius: 25px;
@@ -32,6 +33,7 @@ main{
     padding: 2vw;
     width: 60vw;
     margin-bottom: 11vh;
+
 }
 .second-content {
     align-self: center;
@@ -46,12 +48,6 @@ main{
     margin-bottom: 11vh;
 }
 
-.sidebar{
-    right: 0;
-    top: 0;
-}
-
-
 td {
     border-inline: 15px solid;
     border-color: #ffffff00;
@@ -91,5 +87,5 @@ h3 {
 }
 
 svg{
-    margin-bottom: -1.5%;
+    margin-bottom: -2px;
 }

src/styles/sidebar.scss

@@ -1,10 +1,12 @@
 @import "./_var.scss";
 .sidebar {
+  left: 0;
+  top: 0;
+  font-size: 18px;
   display: flex;
   justify-content: space-evenly;
-  .sidebar-entries {
-    opacity: 1;
-  }
+  margin-top: 3vh;
+  width: 20vw;
   a {
     color: white;
     text-decoration: none;
@@ -12,27 +14,8 @@
   .active {
     color: $accent;
   }
-
-  rotate: 0deg;
-  svg {
-    transition: 0.3s ease-in-out;
-    rotate: 0deg;
-  }
-  &:checked ~ {
-    svg {
-      rotate: 180deg;
-    }
-    div {
-      //only works when the checkbox is on the correct line in the astro file
-      margin-left: -330%;
-    }
-  }
-
-  &[type="checkbox"] {
-    position: absolute;
-    transform: scale(2);
-    z-index: 2;
-    &:checked {
-    }
+  .gh-mark {
+    text-decoration: underline;
+    color: $accent;
   }
 }