Improve and repair css

assets/sass/libs/_vars.scss

@@ -46,7 +46,8 @@ $palette: (
   accent2: #272833,
   accent2-transparent:rgba(39, 40, 51, 0.965),
   accent1: #E64F2D,
-  accent4: #D74126
+  accent4: #D74126,
+  nav-accent: rgb(230, 79, 45),
 );
 
 //pictures startpage

assets/sass/parts/_banner.scss

@@ -95,7 +95,7 @@
     }
 
     .image {
-      border-radius: 0%;
+      border-radius: 0;
       display: inline-block;
       height: 18em;
       margin-left: 3em;
@@ -112,7 +112,7 @@
       }
 
       img {
-        border-radius: 0%;
+        border-radius: 0;
         display: block;
         width: 100%;
       }

assets/sass/parts/_button.scss

@@ -67,6 +67,20 @@ input[type="button"],
     }
   }
 
+  &.nav {
+    background-color: _palette(nav-accent);
+    box-shadow: none;
+    color: _palette(fg-bold) !important;
+
+    &:hover {
+      background-color: lighten(_palette(nav-accent), 5);
+    }
+
+    &:active {
+      background-color: darken(_palette(nav-accent), 5);
+    }
+  }
+
   &.disabled,
   &:disabled {
     background-color: _palette(border) !important;

assets/sass/parts/_icon.scss

@@ -15,7 +15,7 @@
 
   &.major {
     background: _palette(accent2);
-    border-radius: 0%;
+    border-radius: 100%;
     cursor: default;
     display: inline-block;
     height: 6em;

assets/sass/parts/_image.scss

@@ -58,6 +58,9 @@
   }
   &.lightgallery {
     width: 33%;
+    height: 200pt;
+    object-fit: cover;
+    
     @include breakpoint(tablet) {
       width: 49%;
     }