IMPR: minor prestyling

app/client/src/scss/elements/carousel.scss

@@ -1,12 +1,41 @@
-.carousel-caption {
+.carousel {
-  font-size: 3rem;
+    &-caption {
-  padding: 6rem 0;
+        font-size: 3rem;
+        padding: 6rem 0;
+    }
+    &-title {
+        font-size: 4rem;
+    }
 
-  .carousel-title {
+    &-content {
-    font-size: 4rem;
+        font-style: italic;
-  }
+    }
 
-  .carousel-content {
+    &__img {
-    font-style: italic;
+        min-width: 100%;
-  }
+        background-size: cover;
+    }
+}
+
+.a2nt__elementalbasics__elements__sliderelement {
+    padding: 0;
+
+    .element__container {
+        max-width: none;
+        padding: 0;
+    }
+
+    .slide-link__media {
+        opacity: 0;
+    }
+
+     .carousel-item {
+        &:hover,
+        &:focus {
+            .carousel__btn {
+                @extend .btn-primary, :hover;
+                color: $white !important;
+            }
+        }
+    }
 }

app/client/src/scss/layout/navigation.scss

@@ -22,10 +22,14 @@
         &-link {
             background: none;
             align-items: center;
+            justify-content: center;
+            width: 100%;
+
             &.active {}
 
             &.section {}
 
+            &[aria-expanded="true"],
             &:hover,
             &:focus {}
         }