replace css with the one created with sass

static/css/mini-beieli-web-custom.css

@@ -0,0 +1,33 @@
+.image.is-10by1 img, .image.is-20by3 img {
+   bottom: 0;
+   left: 0;
+   position: absolute;
+   right: 0;
+   top: 0;
+   height: 100%;
+   width: 100%;
+}
+
+.image.is-10by1 {
+   padding-top: 10%;
+}
+
+.image.is-20by3 {
+   padding-top: 15%;
+}
+
+hr {
+  margin: 0px 0 5px 0;
+}
+
+.signup-box {
+  margin: auto;
+  width: 300px;
+  background: rgba(255,255,255,0.05);
+  border: 1px solid rgba(255,255,255,0.3);
+  border-radius: 10px;
+}
+
+.block-link {
+    text-decoration: none !important;
+}

templates/layout.html

@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="format-detection" content="telephone=no">
     <title>mini-beieli.ch - die besondere Bienenstockwaage</title>
-    <link rel="stylesheet" href="/static/css/bulma-0.7.4/bulma.min.css">
     <link rel="stylesheet" href="static/css/mini-beieli-web.css">
+    <link rel="stylesheet" href="static/css/mini-beieli-web-custom.css">
 
     <script src="/static/js/fontawesome-5.11.2/all-minified.js"></script>
     <script src="/static/js/jquery-3.3.1/jquery.min.js"></script>