diff --git a/pkg/config/config.go b/pkg/config/config.go
index 1350969..b08b181 100644
--- a/pkg/config/config.go
+++ b/pkg/config/config.go
@@ -18,6 +18,7 @@ type Config struct {
 		SecretKey string
 	}
 
+	Title      string
 	WebsiteURL string
 
 	PublicChannels []Channel
@@ -46,6 +47,7 @@ var Current = DefaultConfig()
 // settings.toml file to disk.
 func DefaultConfig() Config {
 	var c = Config{
+		Title:      "BareRTC",
 		WebsiteURL: "https://www.example.com",
 		PublicChannels: []Channel{
 			{
diff --git a/pkg/handlers.go b/pkg/handlers.go
index c492f71..1610a49 100644
--- a/pkg/handlers.go
+++ b/pkg/handlers.go
@@ -198,3 +198,33 @@ func (s *Server) OnSDP(sub *Subscriber, msg Message) {
 		Description: msg.Description,
 	})
 }
+
+// OnWatch communicates video watching status between users.
+func (s *Server) OnWatch(sub *Subscriber, msg Message) {
+	// Look up the other subscriber.
+	other, err := s.GetSubscriber(msg.Username)
+	if err != nil {
+		sub.ChatServer(err.Error())
+		return
+	}
+
+	other.SendJSON(Message{
+		Action:   ActionWatch,
+		Username: sub.Username,
+	})
+}
+
+// OnUnwatch communicates video Unwatching status between users.
+func (s *Server) OnUnwatch(sub *Subscriber, msg Message) {
+	// Look up the other subscriber.
+	other, err := s.GetSubscriber(msg.Username)
+	if err != nil {
+		sub.ChatServer(err.Error())
+		return
+	}
+
+	other.SendJSON(Message{
+		Action:   ActionUnwatch,
+		Username: sub.Username,
+	})
+}
diff --git a/pkg/messages.go b/pkg/messages.go
index 26872eb..1aacaf4 100644
--- a/pkg/messages.go
+++ b/pkg/messages.go
@@ -32,6 +32,8 @@ const (
 	ActionMe      = "me"      // user self-info sent by FE or BE
 	ActionOpen    = "open"    // user wants to view a webcam (open WebRTC)
 	ActionRing    = "ring"    // receiver of a WebRTC open request
+	ActionWatch   = "watch"   // user has received video and is watching you
+	ActionUnwatch = "unwatch" // user has closed your video
 
 	// Actions sent by server only
 	ActionPing     = "ping"
diff --git a/pkg/pages.go b/pkg/pages.go
index c8c51df..50bbb5b 100644
--- a/pkg/pages.go
+++ b/pkg/pages.go
@@ -61,12 +61,9 @@ func IndexPage() http.HandlerFunc {
 		}
 
 		tmpl.Funcs(template.FuncMap{
-			// Cache busting random string for JS and CSS dependency.
-			// "CacheHash": func() string {
-			// 	return util.RandomString(8)
-			// },
-
-			//
+			"AsHTML": func(v string) template.HTML {
+				return template.HTML(v)
+			},
 		})
 		tmpl, err := tmpl.ParseFiles("web/templates/chat.html")
 		if err != nil {
@@ -78,3 +75,32 @@ func IndexPage() http.HandlerFunc {
 		tmpl.ExecuteTemplate(w, "index", values)
 	})
 }
+
+// AboutPage returns the HTML template for the about page.
+func AboutPage() http.HandlerFunc {
+	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
+		// Load the template, TODO: once on server startup.
+		tmpl := template.New("index")
+
+		// Variables to give to the front-end page.
+		var values = map[string]interface{}{
+			// A cache-busting hash for JS and CSS includes.
+			"CacheHash": util.RandomString(8),
+
+			// The current website settings.
+			"Config": config.Current,
+		}
+
+		tmpl.Funcs(template.FuncMap{
+			"AsHTML": func(v string) template.HTML {
+				return template.HTML(v)
+			},
+		})
+		tmpl, err := tmpl.ParseFiles("web/templates/about.html")
+		if err != nil {
+			panic(err.Error())
+		}
+
+		tmpl.ExecuteTemplate(w, "index", values)
+	})
+}
diff --git a/pkg/server.go b/pkg/server.go
index b08a8c1..f54f62e 100644
--- a/pkg/server.go
+++ b/pkg/server.go
@@ -31,6 +31,7 @@ func (s *Server) Setup() error {
 	var mux = http.NewServeMux()
 
 	mux.Handle("/", IndexPage())
+	mux.Handle("/about", AboutPage())
 	mux.Handle("/ws", s.WebSocket())
 	mux.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("web/static"))))
 
diff --git a/pkg/websocket.go b/pkg/websocket.go
index 43a477e..e51b3f5 100644
--- a/pkg/websocket.go
+++ b/pkg/websocket.go
@@ -73,6 +73,10 @@ func (sub *Subscriber) ReadLoop(s *Server) {
 				s.OnCandidate(sub, msg)
 			case ActionSDP:
 				s.OnSDP(sub, msg)
+			case ActionWatch:
+				s.OnWatch(sub, msg)
+			case ActionUnwatch:
+				s.OnUnwatch(sub, msg)
 			default:
 				sub.ChatServer("Unsupported message type.")
 			}
diff --git a/web/static/css/bulma-prefers-dark.css b/web/static/css/bulma-prefers-dark.css
new file mode 100644
index 0000000..bd36ab0
--- /dev/null
+++ b/web/static/css/bulma-prefers-dark.css
@@ -0,0 +1,8816 @@
+/*! Bulma Prefers Dark  | MIT License | github.com/jloh/bulma-prefers-dark */
+/* Custom edit for nonshy: changed blockquote colors to work better in forums */
+@media (prefers-color-scheme: dark) {
+
+  /* nonshy custom overrides */
+  .has-background-primary-light {
+    background-color: rgba(28, 166, 76, 0.25) !important;
+  }
+
+  .has-background-success-light {
+    background-color: rgba(28, 166, 76, 0.25) !important
+  }
+
+  .has-background-warning-light {
+    background-color: rgb(49, 45, 24) !important;
+  }
+
+  .has-background-link-light {
+    background-color: rgba(15, 129, 204, 0.25) !important;
+  }
+
+  .has-text-dark {
+    /* note: this css file otherwise didn't override this, dark's always dark, brighten it! */
+    color: #b5b5b5 !important;
+  }
+
+  a.has-text-dark:focus,
+  a.has-text-dark:hover {
+    color: #d5d5d5 !important;
+  }
+
+  .modal-background {
+    background-color: rgba(0, 0, 0, 0.86) !important;
+  }
+
+  /* end nonshy custom overrides */
+
+  html {
+    background-color: #17181c;
+  }
+
+  body {
+    color: #b5b5b5;
+  }
+
+  a {
+    color: #5ea3e4;
+  }
+
+  a:hover {
+    color: #dbdbdb;
+  }
+
+  code {
+    background-color: #242424;
+    color: #eb002f;
+  }
+
+  hr {
+    background-color: #242424;
+  }
+
+  strong {
+    color: #dbdbdb;
+  }
+
+  pre {
+    background-color: #242424;
+    color: #b5b5b5;
+  }
+
+  table th {
+    color: #dbdbdb;
+  }
+
+  .has-text-white-dark {
+    color: white !important;
+  }
+
+  a.has-text-white-dark:hover,
+  a.has-text-white-dark:focus {
+    color: white !important;
+  }
+
+  .has-background-white-dark {
+    background-color: white !important;
+  }
+
+  .has-text-black-dark {
+    color: #0a0a0a !important;
+  }
+
+  a.has-text-black-dark:hover,
+  a.has-text-black-dark:focus {
+    color: #242424 !important;
+  }
+
+  .has-background-black-dark {
+    background-color: #0a0a0a !important;
+  }
+
+  .has-text-light-dark {
+    color: whitesmoke !important;
+  }
+
+  a.has-text-light-dark:hover,
+  a.has-text-light-dark:focus {
+    color: white !important;
+  }
+
+  .has-background-light-dark {
+    background-color: whitesmoke !important;
+  }
+
+  .has-text-dark-dark {
+    color: #363636 !important;
+  }
+
+  a.has-text-dark-dark:hover,
+  a.has-text-dark-dark:focus {
+    color: #4f4f4f !important;
+  }
+
+  .has-background-dark-dark {
+    background-color: #363636 !important;
+  }
+
+  .has-text-primary-dark {
+    color: #00d1b2 !important;
+  }
+
+  a.has-text-primary-dark:hover,
+  a.has-text-primary-dark:focus {
+    color: #05ffda !important;
+  }
+
+  .has-background-primary-dark {
+    background-color: #00d1b2 !important;
+  }
+
+  .has-text-link-dark {
+    color: #3273dc !important;
+  }
+
+  a.has-text-link-dark:hover,
+  a.has-text-link-dark:focus {
+    color: #5e91e4 !important;
+  }
+
+  .has-background-link-dark {
+    background-color: #3273dc !important;
+  }
+
+  .has-text-info-dark {
+    color: #209cee !important;
+  }
+
+  a.has-text-info-dark:hover,
+  a.has-text-info-dark:focus {
+    color: #50b1f2 !important;
+  }
+
+  .has-background-info-dark {
+    background-color: #209cee !important;
+  }
+
+  .has-text-success-dark {
+    color: #23d160 !important;
+  }
+
+  a.has-text-success-dark:hover,
+  a.has-text-success-dark:focus {
+    color: #48e07d !important;
+  }
+
+  .has-background-success-dark {
+    background-color: #23d160 !important;
+  }
+
+  .has-text-warning-dark {
+    color: #ffdd57 !important;
+  }
+
+  a.has-text-warning-dark:hover,
+  a.has-text-warning-dark:focus {
+    color: #ffe88a !important;
+  }
+
+  .has-background-warning-dark {
+    background-color: #ffdd57 !important;
+  }
+
+  .has-text-danger-dark {
+    color: #ff3860 !important;
+  }
+
+  a.has-text-danger-dark:hover,
+  a.has-text-danger-dark:focus {
+    color: #ff6b89 !important;
+  }
+
+  .has-background-danger-dark {
+    background-color: #ff3860 !important;
+  }
+
+  .has-text-black-bis-dark {
+    color: #121212 !important;
+  }
+
+  .has-background-black-bis-dark {
+    background-color: #121212 !important;
+  }
+
+  .has-text-black-ter-dark {
+    color: #242424 !important;
+  }
+
+  .has-background-black-ter-dark {
+    background-color: #242424 !important;
+  }
+
+  .has-text-grey-darker-dark {
+    color: #363636 !important;
+  }
+
+  .has-background-grey-darker-dark {
+    background-color: #363636 !important;
+  }
+
+  .has-text-grey-dark-dark {
+    color: #4a4a4a !important;
+  }
+
+  .has-background-grey-dark-dark {
+    background-color: #4a4a4a !important;
+  }
+
+  .has-text-grey-dark {
+    color: #7a7a7a !important;
+  }
+
+  .has-background-grey-dark {
+    background-color: #7a7a7a !important;
+  }
+
+  .has-text-grey-light-dark {
+    color: #b5b5b5 !important;
+  }
+
+  .has-background-grey-light-dark {
+    background-color: #b5b5b5 !important;
+  }
+
+  .has-text-grey-lighter-dark {
+    color: #dbdbdb !important;
+  }
+
+  .has-background-grey-lighter-dark {
+    background-color: #dbdbdb !important;
+  }
+
+  .has-text-white-ter-dark {
+    color: whitesmoke !important;
+  }
+
+  .has-background-white-ter-dark {
+    background-color: whitesmoke !important;
+  }
+
+  .has-text-white-bis-dark {
+    color: #fafafa !important;
+  }
+
+  .has-background-white-bis-dark {
+    background-color: #fafafa !important;
+  }
+
+  .box {
+    background-color: #0a0a0a;
+    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);
+    color: #b5b5b5;
+  }
+
+  a.box:hover,
+  a.box:focus {
+    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px #5ea3e4;
+  }
+
+  a.box:active {
+    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 0 0 1px #5ea3e4;
+  }
+
+  .button {
+    background-color: #0a0a0a;
+    border-color: #363636;
+    color: #dbdbdb;
+  }
+
+  .button:hover,
+  .button.is-hovered {
+    border-color: #4a4a4a;
+    color: #dbdbdb;
+  }
+
+  .button:focus,
+  .button.is-focused {
+    border-color: #5ea3e4;
+    color: #dbdbdb;
+  }
+
+  .button:focus:not(:active),
+  .button.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(94, 163, 228, 0.25);
+  }
+
+  .button:active,
+  .button.is-active {
+    border-color: #b5b5b5;
+    color: #dbdbdb;
+  }
+
+  .button.is-text {
+    color: #b5b5b5;
+  }
+
+  .button.is-text:hover,
+  .button.is-text.is-hovered,
+  .button.is-text:focus,
+  .button.is-text.is-focused {
+    background-color: #242424;
+    color: #dbdbdb;
+  }
+
+  .button.is-text:active,
+  .button.is-text.is-active {
+    background-color: #171717;
+    color: #dbdbdb;
+  }
+
+  .button.is-white {
+    background-color: #e6e6e6;
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white:hover,
+  .button.is-white.is-hovered {
+    background-color: #dfdfdf;
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white:focus,
+  .button.is-white.is-focused {
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white:focus:not(:active),
+  .button.is-white.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(230, 230, 230, 0.25);
+  }
+
+  .button.is-white:active,
+  .button.is-white.is-active {
+    background-color: #d9d9d9;
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white[disabled],
+  fieldset[disabled] .button.is-white {
+    background-color: #e6e6e6;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-white.is-inverted {
+    background-color: #0a0a0a;
+    color: #e6e6e6;
+  }
+
+  .button.is-white.is-inverted:hover {
+    background-color: black;
+  }
+
+  .button.is-white.is-inverted[disabled],
+  fieldset[disabled] .button.is-white.is-inverted {
+    background-color: #0a0a0a;
+    border-color: transparent;
+    box-shadow: none;
+    color: #e6e6e6;
+  }
+
+  .button.is-white.is-loading::after {
+    border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  }
+
+  .button.is-white.is-outlined {
+    background-color: transparent;
+    border-color: #e6e6e6;
+    color: #e6e6e6;
+  }
+
+  .button.is-white.is-outlined:hover,
+  .button.is-white.is-outlined:focus {
+    background-color: #e6e6e6;
+    border-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+
+  .button.is-white.is-outlined.is-loading::after {
+    border-color: transparent transparent #e6e6e6 #e6e6e6 !important;
+  }
+
+  .button.is-white.is-outlined[disabled],
+  fieldset[disabled] .button.is-white.is-outlined {
+    background-color: transparent;
+    border-color: #e6e6e6;
+    box-shadow: none;
+    color: #e6e6e6;
+  }
+
+  .button.is-white.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #0a0a0a;
+    color: #0a0a0a;
+  }
+
+  .button.is-white.is-inverted.is-outlined:hover,
+  .button.is-white.is-inverted.is-outlined:focus {
+    background-color: #0a0a0a;
+    color: #e6e6e6;
+  }
+
+  .button.is-white.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-white.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #0a0a0a;
+    box-shadow: none;
+    color: #0a0a0a;
+  }
+
+  .button.is-black {
+    background-color: black;
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black:hover,
+  .button.is-black.is-hovered {
+    background-color: black;
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black:focus,
+  .button.is-black.is-focused {
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black:focus:not(:active),
+  .button.is-black.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
+  }
+
+  .button.is-black:active,
+  .button.is-black.is-active {
+    background-color: black;
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black[disabled],
+  fieldset[disabled] .button.is-black {
+    background-color: black;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-black.is-inverted {
+    background-color: white;
+    color: black;
+  }
+
+  .button.is-black.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-black.is-inverted[disabled],
+  fieldset[disabled] .button.is-black.is-inverted {
+    background-color: white;
+    border-color: transparent;
+    box-shadow: none;
+    color: black;
+  }
+
+  .button.is-black.is-loading::after {
+    border-color: transparent transparent white white !important;
+  }
+
+  .button.is-black.is-outlined {
+    background-color: transparent;
+    border-color: black;
+    color: black;
+  }
+
+  .button.is-black.is-outlined:hover,
+  .button.is-black.is-outlined:focus {
+    background-color: black;
+    border-color: black;
+    color: white;
+  }
+
+  .button.is-black.is-outlined.is-loading::after {
+    border-color: transparent transparent black black !important;
+  }
+
+  .button.is-black.is-outlined[disabled],
+  fieldset[disabled] .button.is-black.is-outlined {
+    background-color: transparent;
+    border-color: black;
+    box-shadow: none;
+    color: black;
+  }
+
+  .button.is-black.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: white;
+    color: white;
+  }
+
+  .button.is-black.is-inverted.is-outlined:hover,
+  .button.is-black.is-inverted.is-outlined:focus {
+    background-color: white;
+    color: black;
+  }
+
+  .button.is-black.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-black.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: white;
+    box-shadow: none;
+    color: white;
+  }
+
+  .button.is-light {
+    background-color: #dbdbdb;
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light:hover,
+  .button.is-light.is-hovered {
+    background-color: #d5d5d5;
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light:focus,
+  .button.is-light.is-focused {
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light:focus:not(:active),
+  .button.is-light.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(219, 219, 219, 0.25);
+  }
+
+  .button.is-light:active,
+  .button.is-light.is-active {
+    background-color: #cfcfcf;
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light[disabled],
+  fieldset[disabled] .button.is-light {
+    background-color: #dbdbdb;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-light.is-inverted {
+    background-color: #363636;
+    color: #dbdbdb;
+  }
+
+  .button.is-light.is-inverted:hover {
+    background-color: #292929;
+  }
+
+  .button.is-light.is-inverted[disabled],
+  fieldset[disabled] .button.is-light.is-inverted {
+    background-color: #363636;
+    border-color: transparent;
+    box-shadow: none;
+    color: #dbdbdb;
+  }
+
+  .button.is-light.is-loading::after {
+    border-color: transparent transparent #363636 #363636 !important;
+  }
+
+  .button.is-light.is-outlined {
+    background-color: transparent;
+    border-color: #dbdbdb;
+    color: #dbdbdb;
+  }
+
+  .button.is-light.is-outlined:hover,
+  .button.is-light.is-outlined:focus {
+    background-color: #dbdbdb;
+    border-color: #dbdbdb;
+    color: #363636;
+  }
+
+  .button.is-light.is-outlined.is-loading::after {
+    border-color: transparent transparent #dbdbdb #dbdbdb !important;
+  }
+
+  .button.is-light.is-outlined[disabled],
+  fieldset[disabled] .button.is-light.is-outlined {
+    background-color: transparent;
+    border-color: #dbdbdb;
+    box-shadow: none;
+    color: #dbdbdb;
+  }
+
+  .button.is-light.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #363636;
+    color: #363636;
+  }
+
+  .button.is-light.is-inverted.is-outlined:hover,
+  .button.is-light.is-inverted.is-outlined:focus {
+    background-color: #363636;
+    color: #dbdbdb;
+  }
+
+  .button.is-light.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-light.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #363636;
+    box-shadow: none;
+    color: #363636;
+  }
+
+  .button.is-dark {
+    background-color: #1c1c1c;
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark:hover,
+  .button.is-dark.is-hovered {
+    background-color: #161616;
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark:focus,
+  .button.is-dark.is-focused {
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark:focus:not(:active),
+  .button.is-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(28, 28, 28, 0.25);
+  }
+
+  .button.is-dark:active,
+  .button.is-dark.is-active {
+    background-color: #0f0f0f;
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark[disabled],
+  fieldset[disabled] .button.is-dark {
+    background-color: #1c1c1c;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-dark.is-inverted {
+    background-color: whitesmoke;
+    color: #1c1c1c;
+  }
+
+  .button.is-dark.is-inverted:hover {
+    background-color: #e8e8e8;
+  }
+
+  .button.is-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-dark.is-inverted {
+    background-color: whitesmoke;
+    border-color: transparent;
+    box-shadow: none;
+    color: #1c1c1c;
+  }
+
+  .button.is-dark.is-loading::after {
+    border-color: transparent transparent whitesmoke whitesmoke !important;
+  }
+
+  .button.is-dark.is-outlined {
+    background-color: transparent;
+    border-color: #1c1c1c;
+    color: #1c1c1c;
+  }
+
+  .button.is-dark.is-outlined:hover,
+  .button.is-dark.is-outlined:focus {
+    background-color: #1c1c1c;
+    border-color: #1c1c1c;
+    color: whitesmoke;
+  }
+
+  .button.is-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #1c1c1c #1c1c1c !important;
+  }
+
+  .button.is-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-dark.is-outlined {
+    background-color: transparent;
+    border-color: #1c1c1c;
+    box-shadow: none;
+    color: #1c1c1c;
+  }
+
+  .button.is-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: whitesmoke;
+    color: whitesmoke;
+  }
+
+  .button.is-dark.is-inverted.is-outlined:hover,
+  .button.is-dark.is-inverted.is-outlined:focus {
+    background-color: whitesmoke;
+    color: #1c1c1c;
+  }
+
+  .button.is-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: whitesmoke;
+    box-shadow: none;
+    color: whitesmoke;
+  }
+
+  .button.is-primary {
+    background-color: #009e86;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary:hover,
+  .button.is-primary.is-hovered {
+    background-color: #00917c;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary:focus,
+  .button.is-primary.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary:focus:not(:active),
+  .button.is-primary.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(0, 158, 134, 0.25);
+  }
+
+  .button.is-primary:active,
+  .button.is-primary.is-active {
+    background-color: #008571;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary[disabled],
+  fieldset[disabled] .button.is-primary {
+    background-color: #009e86;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-primary.is-inverted {
+    background-color: #fff;
+    color: #009e86;
+  }
+
+  .button.is-primary.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-primary.is-inverted[disabled],
+  fieldset[disabled] .button.is-primary.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #009e86;
+  }
+
+  .button.is-primary.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-primary.is-outlined {
+    background-color: transparent;
+    border-color: #009e86;
+    color: #009e86;
+  }
+
+  .button.is-primary.is-outlined:hover,
+  .button.is-primary.is-outlined:focus {
+    background-color: #009e86;
+    border-color: #009e86;
+    color: #fff;
+  }
+
+  .button.is-primary.is-outlined.is-loading::after {
+    border-color: transparent transparent #009e86 #009e86 !important;
+  }
+
+  .button.is-primary.is-outlined[disabled],
+  fieldset[disabled] .button.is-primary.is-outlined {
+    background-color: transparent;
+    border-color: #009e86;
+    box-shadow: none;
+    color: #009e86;
+  }
+
+  .button.is-primary.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-primary.is-inverted.is-outlined:hover,
+  .button.is-primary.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #009e86;
+  }
+
+  .button.is-primary.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-link {
+    background-color: #205bbc;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link:hover,
+  .button.is-link.is-hovered {
+    background-color: #1e56b1;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link:focus,
+  .button.is-link.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link:focus:not(:active),
+  .button.is-link.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(32, 91, 188, 0.25);
+  }
+
+  .button.is-link:active,
+  .button.is-link.is-active {
+    background-color: #1c51a6;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link[disabled],
+  fieldset[disabled] .button.is-link {
+    background-color: #205bbc;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-link.is-inverted {
+    background-color: #fff;
+    color: #205bbc;
+  }
+
+  .button.is-link.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-link.is-inverted[disabled],
+  fieldset[disabled] .button.is-link.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #205bbc;
+  }
+
+  .button.is-link.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-link.is-outlined {
+    background-color: transparent;
+    border-color: #205bbc;
+    color: #205bbc;
+  }
+
+  .button.is-link.is-outlined:hover,
+  .button.is-link.is-outlined:focus {
+    background-color: #205bbc;
+    border-color: #205bbc;
+    color: #fff;
+  }
+
+  .button.is-link.is-outlined.is-loading::after {
+    border-color: transparent transparent #205bbc #205bbc !important;
+  }
+
+  .button.is-link.is-outlined[disabled],
+  fieldset[disabled] .button.is-link.is-outlined {
+    background-color: transparent;
+    border-color: #205bbc;
+    box-shadow: none;
+    color: #205bbc;
+  }
+
+  .button.is-link.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-link.is-inverted.is-outlined:hover,
+  .button.is-link.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #205bbc;
+  }
+
+  .button.is-link.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-link.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-info {
+    background-color: #0f81cc;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info:hover,
+  .button.is-info.is-hovered {
+    background-color: #0e79c0;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info:focus,
+  .button.is-info.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info:focus:not(:active),
+  .button.is-info.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(15, 129, 204, 0.25);
+  }
+
+  .button.is-info:active,
+  .button.is-info.is-active {
+    background-color: #0e72b4;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info[disabled],
+  fieldset[disabled] .button.is-info {
+    background-color: #0f81cc;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-info.is-inverted {
+    background-color: #fff;
+    color: #0f81cc;
+  }
+
+  .button.is-info.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-info.is-inverted[disabled],
+  fieldset[disabled] .button.is-info.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #0f81cc;
+  }
+
+  .button.is-info.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-info.is-outlined {
+    background-color: transparent;
+    border-color: #0f81cc;
+    color: #0f81cc;
+  }
+
+  .button.is-info.is-outlined:hover,
+  .button.is-info.is-outlined:focus {
+    background-color: #0f81cc;
+    border-color: #0f81cc;
+    color: #fff;
+  }
+
+  .button.is-info.is-outlined.is-loading::after {
+    border-color: transparent transparent #0f81cc #0f81cc !important;
+  }
+
+  .button.is-info.is-outlined[disabled],
+  fieldset[disabled] .button.is-info.is-outlined {
+    background-color: transparent;
+    border-color: #0f81cc;
+    box-shadow: none;
+    color: #0f81cc;
+  }
+
+  .button.is-info.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-info.is-inverted.is-outlined:hover,
+  .button.is-info.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #0f81cc;
+  }
+
+  .button.is-info.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-info.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-success {
+    background-color: #1ca64c;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success:hover,
+  .button.is-success.is-hovered {
+    background-color: #1a9b47;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success:focus,
+  .button.is-success.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success:focus:not(:active),
+  .button.is-success.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(28, 166, 76, 0.25);
+  }
+
+  .button.is-success:active,
+  .button.is-success.is-active {
+    background-color: #189042;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success[disabled],
+  fieldset[disabled] .button.is-success {
+    background-color: #1ca64c;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-success.is-inverted {
+    background-color: #fff;
+    color: #1ca64c;
+  }
+
+  .button.is-success.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-success.is-inverted[disabled],
+  fieldset[disabled] .button.is-success.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #1ca64c;
+  }
+
+  .button.is-success.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-success.is-outlined {
+    background-color: transparent;
+    border-color: #1ca64c;
+    color: #1ca64c;
+  }
+
+  .button.is-success.is-outlined:hover,
+  .button.is-success.is-outlined:focus {
+    background-color: #1ca64c;
+    border-color: #1ca64c;
+    color: #fff;
+  }
+
+  .button.is-success.is-outlined.is-loading::after {
+    border-color: transparent transparent #1ca64c #1ca64c !important;
+  }
+
+  .button.is-success.is-outlined[disabled],
+  fieldset[disabled] .button.is-success.is-outlined {
+    background-color: transparent;
+    border-color: #1ca64c;
+    box-shadow: none;
+    color: #1ca64c;
+  }
+
+  .button.is-success.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-success.is-inverted.is-outlined:hover,
+  .button.is-success.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #1ca64c;
+  }
+
+  .button.is-success.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-success.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-warning {
+    background-color: #ffd324;
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning:hover,
+  .button.is-warning.is-hovered {
+    background-color: #ffd117;
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning:focus,
+  .button.is-warning.is-focused {
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning:focus:not(:active),
+  .button.is-warning.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(255, 211, 36, 0.25);
+  }
+
+  .button.is-warning:active,
+  .button.is-warning.is-active {
+    background-color: #ffce0a;
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning[disabled],
+  fieldset[disabled] .button.is-warning {
+    background-color: #ffd324;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-warning.is-inverted {
+    background-color: rgba(0, 0, 0, 0.7);
+    color: #ffd324;
+  }
+
+  .button.is-warning.is-inverted:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning.is-inverted[disabled],
+  fieldset[disabled] .button.is-warning.is-inverted {
+    background-color: rgba(0, 0, 0, 0.7);
+    border-color: transparent;
+    box-shadow: none;
+    color: #ffd324;
+  }
+
+  .button.is-warning.is-loading::after {
+    border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+  }
+
+  .button.is-warning.is-outlined {
+    background-color: transparent;
+    border-color: #ffd324;
+    color: #ffd324;
+  }
+
+  .button.is-warning.is-outlined:hover,
+  .button.is-warning.is-outlined:focus {
+    background-color: #ffd324;
+    border-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning.is-outlined.is-loading::after {
+    border-color: transparent transparent #ffd324 #ffd324 !important;
+  }
+
+  .button.is-warning.is-outlined[disabled],
+  fieldset[disabled] .button.is-warning.is-outlined {
+    background-color: transparent;
+    border-color: #ffd324;
+    box-shadow: none;
+    color: #ffd324;
+  }
+
+  .button.is-warning.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: rgba(0, 0, 0, 0.7);
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning.is-inverted.is-outlined:hover,
+  .button.is-warning.is-inverted.is-outlined:focus {
+    background-color: rgba(0, 0, 0, 0.7);
+    color: #ffd324;
+  }
+
+  .button.is-warning.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: rgba(0, 0, 0, 0.7);
+    box-shadow: none;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-danger {
+    background-color: #ff0537;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger:hover,
+  .button.is-danger.is-hovered {
+    background-color: #f70031;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger:focus,
+  .button.is-danger.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger:focus:not(:active),
+  .button.is-danger.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(255, 5, 55, 0.25);
+  }
+
+  .button.is-danger:active,
+  .button.is-danger.is-active {
+    background-color: #eb002f;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger[disabled],
+  fieldset[disabled] .button.is-danger {
+    background-color: #ff0537;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-danger.is-inverted {
+    background-color: #fff;
+    color: #ff0537;
+  }
+
+  .button.is-danger.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-danger.is-inverted[disabled],
+  fieldset[disabled] .button.is-danger.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #ff0537;
+  }
+
+  .button.is-danger.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-danger.is-outlined {
+    background-color: transparent;
+    border-color: #ff0537;
+    color: #ff0537;
+  }
+
+  .button.is-danger.is-outlined:hover,
+  .button.is-danger.is-outlined:focus {
+    background-color: #ff0537;
+    border-color: #ff0537;
+    color: #fff;
+  }
+
+  .button.is-danger.is-outlined.is-loading::after {
+    border-color: transparent transparent #ff0537 #ff0537 !important;
+  }
+
+  .button.is-danger.is-outlined[disabled],
+  fieldset[disabled] .button.is-danger.is-outlined {
+    background-color: transparent;
+    border-color: #ff0537;
+    box-shadow: none;
+    color: #ff0537;
+  }
+
+  .button.is-danger.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-danger.is-inverted.is-outlined:hover,
+  .button.is-danger.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #ff0537;
+  }
+
+  .button.is-danger.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-white-dark {
+    background-color: white;
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white-dark:hover,
+  .button.is-white-dark.is-hovered {
+    background-color: #f9f9f9;
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white-dark:focus,
+  .button.is-white-dark.is-focused {
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white-dark:focus:not(:active),
+  .button.is-white-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
+  }
+
+  .button.is-white-dark:active,
+  .button.is-white-dark.is-active {
+    background-color: #f2f2f2;
+    border-color: transparent;
+    color: #0a0a0a;
+  }
+
+  .button.is-white-dark[disabled],
+  fieldset[disabled] .button.is-white-dark {
+    background-color: white;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-white-dark.is-inverted {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .button.is-white-dark.is-inverted:hover {
+    background-color: black;
+  }
+
+  .button.is-white-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-white-dark.is-inverted {
+    background-color: #0a0a0a;
+    border-color: transparent;
+    box-shadow: none;
+    color: white;
+  }
+
+  .button.is-white-dark.is-loading::after {
+    border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  }
+
+  .button.is-white-dark.is-outlined {
+    background-color: transparent;
+    border-color: white;
+    color: white;
+  }
+
+  .button.is-white-dark.is-outlined:hover,
+  .button.is-white-dark.is-outlined:focus {
+    background-color: white;
+    border-color: white;
+    color: #0a0a0a;
+  }
+
+  .button.is-white-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent white white !important;
+  }
+
+  .button.is-white-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-white-dark.is-outlined {
+    background-color: transparent;
+    border-color: white;
+    box-shadow: none;
+    color: white;
+  }
+
+  .button.is-white-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #0a0a0a;
+    color: #0a0a0a;
+  }
+
+  .button.is-white-dark.is-inverted.is-outlined:hover,
+  .button.is-white-dark.is-inverted.is-outlined:focus {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .button.is-white-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-white-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #0a0a0a;
+    box-shadow: none;
+    color: #0a0a0a;
+  }
+
+  .button.is-black-dark {
+    background-color: #0a0a0a;
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black-dark:hover,
+  .button.is-black-dark.is-hovered {
+    background-color: #040404;
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black-dark:focus,
+  .button.is-black-dark.is-focused {
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black-dark:focus:not(:active),
+  .button.is-black-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+  }
+
+  .button.is-black-dark:active,
+  .button.is-black-dark.is-active {
+    background-color: black;
+    border-color: transparent;
+    color: white;
+  }
+
+  .button.is-black-dark[disabled],
+  fieldset[disabled] .button.is-black-dark {
+    background-color: #0a0a0a;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-black-dark.is-inverted {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .button.is-black-dark.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-black-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-black-dark.is-inverted {
+    background-color: white;
+    border-color: transparent;
+    box-shadow: none;
+    color: #0a0a0a;
+  }
+
+  .button.is-black-dark.is-loading::after {
+    border-color: transparent transparent white white !important;
+  }
+
+  .button.is-black-dark.is-outlined {
+    background-color: transparent;
+    border-color: #0a0a0a;
+    color: #0a0a0a;
+  }
+
+  .button.is-black-dark.is-outlined:hover,
+  .button.is-black-dark.is-outlined:focus {
+    background-color: #0a0a0a;
+    border-color: #0a0a0a;
+    color: white;
+  }
+
+  .button.is-black-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #0a0a0a #0a0a0a !important;
+  }
+
+  .button.is-black-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-black-dark.is-outlined {
+    background-color: transparent;
+    border-color: #0a0a0a;
+    box-shadow: none;
+    color: #0a0a0a;
+  }
+
+  .button.is-black-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: white;
+    color: white;
+  }
+
+  .button.is-black-dark.is-inverted.is-outlined:hover,
+  .button.is-black-dark.is-inverted.is-outlined:focus {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .button.is-black-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-black-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: white;
+    box-shadow: none;
+    color: white;
+  }
+
+  .button.is-light-dark {
+    background-color: whitesmoke;
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light-dark:hover,
+  .button.is-light-dark.is-hovered {
+    background-color: #eeeeee;
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light-dark:focus,
+  .button.is-light-dark.is-focused {
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light-dark:focus:not(:active),
+  .button.is-light-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+  }
+
+  .button.is-light-dark:active,
+  .button.is-light-dark.is-active {
+    background-color: #e8e8e8;
+    border-color: transparent;
+    color: #363636;
+  }
+
+  .button.is-light-dark[disabled],
+  fieldset[disabled] .button.is-light-dark {
+    background-color: whitesmoke;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-light-dark.is-inverted {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .button.is-light-dark.is-inverted:hover {
+    background-color: #292929;
+  }
+
+  .button.is-light-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-light-dark.is-inverted {
+    background-color: #363636;
+    border-color: transparent;
+    box-shadow: none;
+    color: whitesmoke;
+  }
+
+  .button.is-light-dark.is-loading::after {
+    border-color: transparent transparent #363636 #363636 !important;
+  }
+
+  .button.is-light-dark.is-outlined {
+    background-color: transparent;
+    border-color: whitesmoke;
+    color: whitesmoke;
+  }
+
+  .button.is-light-dark.is-outlined:hover,
+  .button.is-light-dark.is-outlined:focus {
+    background-color: whitesmoke;
+    border-color: whitesmoke;
+    color: #363636;
+  }
+
+  .button.is-light-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent whitesmoke whitesmoke !important;
+  }
+
+  .button.is-light-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-light-dark.is-outlined {
+    background-color: transparent;
+    border-color: whitesmoke;
+    box-shadow: none;
+    color: whitesmoke;
+  }
+
+  .button.is-light-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #363636;
+    color: #363636;
+  }
+
+  .button.is-light-dark.is-inverted.is-outlined:hover,
+  .button.is-light-dark.is-inverted.is-outlined:focus {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .button.is-light-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-light-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #363636;
+    box-shadow: none;
+    color: #363636;
+  }
+
+  .button.is-dark-dark {
+    background-color: #363636;
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark-dark:hover,
+  .button.is-dark-dark.is-hovered {
+    background-color: #2f2f2f;
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark-dark:focus,
+  .button.is-dark-dark.is-focused {
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark-dark:focus:not(:active),
+  .button.is-dark-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+  }
+
+  .button.is-dark-dark:active,
+  .button.is-dark-dark.is-active {
+    background-color: #292929;
+    border-color: transparent;
+    color: whitesmoke;
+  }
+
+  .button.is-dark-dark[disabled],
+  fieldset[disabled] .button.is-dark-dark {
+    background-color: #363636;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-dark-dark.is-inverted {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .button.is-dark-dark.is-inverted:hover {
+    background-color: #e8e8e8;
+  }
+
+  .button.is-dark-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-dark-dark.is-inverted {
+    background-color: whitesmoke;
+    border-color: transparent;
+    box-shadow: none;
+    color: #363636;
+  }
+
+  .button.is-dark-dark.is-loading::after {
+    border-color: transparent transparent whitesmoke whitesmoke !important;
+  }
+
+  .button.is-dark-dark.is-outlined {
+    background-color: transparent;
+    border-color: #363636;
+    color: #363636;
+  }
+
+  .button.is-dark-dark.is-outlined:hover,
+  .button.is-dark-dark.is-outlined:focus {
+    background-color: #363636;
+    border-color: #363636;
+    color: whitesmoke;
+  }
+
+  .button.is-dark-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #363636 #363636 !important;
+  }
+
+  .button.is-dark-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-dark-dark.is-outlined {
+    background-color: transparent;
+    border-color: #363636;
+    box-shadow: none;
+    color: #363636;
+  }
+
+  .button.is-dark-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: whitesmoke;
+    color: whitesmoke;
+  }
+
+  .button.is-dark-dark.is-inverted.is-outlined:hover,
+  .button.is-dark-dark.is-inverted.is-outlined:focus {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .button.is-dark-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-dark-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: whitesmoke;
+    box-shadow: none;
+    color: whitesmoke;
+  }
+
+  .button.is-primary-dark {
+    background-color: #00d1b2;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary-dark:hover,
+  .button.is-primary-dark.is-hovered {
+    background-color: #00c4a7;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary-dark:focus,
+  .button.is-primary-dark.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary-dark:focus:not(:active),
+  .button.is-primary-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+  }
+
+  .button.is-primary-dark:active,
+  .button.is-primary-dark.is-active {
+    background-color: #00b89c;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-primary-dark[disabled],
+  fieldset[disabled] .button.is-primary-dark {
+    background-color: #00d1b2;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-primary-dark.is-inverted {
+    background-color: #fff;
+    color: #00d1b2;
+  }
+
+  .button.is-primary-dark.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-primary-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-primary-dark.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #00d1b2;
+  }
+
+  .button.is-primary-dark.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-primary-dark.is-outlined {
+    background-color: transparent;
+    border-color: #00d1b2;
+    color: #00d1b2;
+  }
+
+  .button.is-primary-dark.is-outlined:hover,
+  .button.is-primary-dark.is-outlined:focus {
+    background-color: #00d1b2;
+    border-color: #00d1b2;
+    color: #fff;
+  }
+
+  .button.is-primary-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #00d1b2 #00d1b2 !important;
+  }
+
+  .button.is-primary-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-primary-dark.is-outlined {
+    background-color: transparent;
+    border-color: #00d1b2;
+    box-shadow: none;
+    color: #00d1b2;
+  }
+
+  .button.is-primary-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-primary-dark.is-inverted.is-outlined:hover,
+  .button.is-primary-dark.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #00d1b2;
+  }
+
+  .button.is-primary-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-primary-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-link-dark {
+    background-color: #3273dc;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link-dark:hover,
+  .button.is-link-dark.is-hovered {
+    background-color: #276cda;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link-dark:focus,
+  .button.is-link-dark.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link-dark:focus:not(:active),
+  .button.is-link-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+  }
+
+  .button.is-link-dark:active,
+  .button.is-link-dark.is-active {
+    background-color: #2366d1;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-link-dark[disabled],
+  fieldset[disabled] .button.is-link-dark {
+    background-color: #3273dc;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-link-dark.is-inverted {
+    background-color: #fff;
+    color: #3273dc;
+  }
+
+  .button.is-link-dark.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-link-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-link-dark.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #3273dc;
+  }
+
+  .button.is-link-dark.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-link-dark.is-outlined {
+    background-color: transparent;
+    border-color: #3273dc;
+    color: #3273dc;
+  }
+
+  .button.is-link-dark.is-outlined:hover,
+  .button.is-link-dark.is-outlined:focus {
+    background-color: #3273dc;
+    border-color: #3273dc;
+    color: #fff;
+  }
+
+  .button.is-link-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #3273dc #3273dc !important;
+  }
+
+  .button.is-link-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-link-dark.is-outlined {
+    background-color: transparent;
+    border-color: #3273dc;
+    box-shadow: none;
+    color: #3273dc;
+  }
+
+  .button.is-link-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-link-dark.is-inverted.is-outlined:hover,
+  .button.is-link-dark.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #3273dc;
+  }
+
+  .button.is-link-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-link-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-info-dark {
+    background-color: #209cee;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info-dark:hover,
+  .button.is-info-dark.is-hovered {
+    background-color: #1496ed;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info-dark:focus,
+  .button.is-info-dark.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info-dark:focus:not(:active),
+  .button.is-info-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
+  }
+
+  .button.is-info-dark:active,
+  .button.is-info-dark.is-active {
+    background-color: #118fe4;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-info-dark[disabled],
+  fieldset[disabled] .button.is-info-dark {
+    background-color: #209cee;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-info-dark.is-inverted {
+    background-color: #fff;
+    color: #209cee;
+  }
+
+  .button.is-info-dark.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-info-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-info-dark.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #209cee;
+  }
+
+  .button.is-info-dark.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-info-dark.is-outlined {
+    background-color: transparent;
+    border-color: #209cee;
+    color: #209cee;
+  }
+
+  .button.is-info-dark.is-outlined:hover,
+  .button.is-info-dark.is-outlined:focus {
+    background-color: #209cee;
+    border-color: #209cee;
+    color: #fff;
+  }
+
+  .button.is-info-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #209cee #209cee !important;
+  }
+
+  .button.is-info-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-info-dark.is-outlined {
+    background-color: transparent;
+    border-color: #209cee;
+    box-shadow: none;
+    color: #209cee;
+  }
+
+  .button.is-info-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-info-dark.is-inverted.is-outlined:hover,
+  .button.is-info-dark.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #209cee;
+  }
+
+  .button.is-info-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-info-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-success-dark {
+    background-color: #23d160;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success-dark:hover,
+  .button.is-success-dark.is-hovered {
+    background-color: #22c65b;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success-dark:focus,
+  .button.is-success-dark.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success-dark:focus:not(:active),
+  .button.is-success-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
+  }
+
+  .button.is-success-dark:active,
+  .button.is-success-dark.is-active {
+    background-color: #20bc56;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-success-dark[disabled],
+  fieldset[disabled] .button.is-success-dark {
+    background-color: #23d160;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-success-dark.is-inverted {
+    background-color: #fff;
+    color: #23d160;
+  }
+
+  .button.is-success-dark.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-success-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-success-dark.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #23d160;
+  }
+
+  .button.is-success-dark.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-success-dark.is-outlined {
+    background-color: transparent;
+    border-color: #23d160;
+    color: #23d160;
+  }
+
+  .button.is-success-dark.is-outlined:hover,
+  .button.is-success-dark.is-outlined:focus {
+    background-color: #23d160;
+    border-color: #23d160;
+    color: #fff;
+  }
+
+  .button.is-success-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #23d160 #23d160 !important;
+  }
+
+  .button.is-success-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-success-dark.is-outlined {
+    background-color: transparent;
+    border-color: #23d160;
+    box-shadow: none;
+    color: #23d160;
+  }
+
+  .button.is-success-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-success-dark.is-inverted.is-outlined:hover,
+  .button.is-success-dark.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #23d160;
+  }
+
+  .button.is-success-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-success-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button.is-warning-dark {
+    background-color: #ffdd57;
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning-dark:hover,
+  .button.is-warning-dark.is-hovered {
+    background-color: #ffdb4a;
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning-dark:focus,
+  .button.is-warning-dark.is-focused {
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning-dark:focus:not(:active),
+  .button.is-warning-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
+  }
+
+  .button.is-warning-dark:active,
+  .button.is-warning-dark.is-active {
+    background-color: #ffd83d;
+    border-color: transparent;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning-dark[disabled],
+  fieldset[disabled] .button.is-warning-dark {
+    background-color: #ffdd57;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-warning-dark.is-inverted {
+    background-color: rgba(0, 0, 0, 0.7);
+    color: #ffdd57;
+  }
+
+  .button.is-warning-dark.is-inverted:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-warning-dark.is-inverted {
+    background-color: rgba(0, 0, 0, 0.7);
+    border-color: transparent;
+    box-shadow: none;
+    color: #ffdd57;
+  }
+
+  .button.is-warning-dark.is-loading::after {
+    border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+  }
+
+  .button.is-warning-dark.is-outlined {
+    background-color: transparent;
+    border-color: #ffdd57;
+    color: #ffdd57;
+  }
+
+  .button.is-warning-dark.is-outlined:hover,
+  .button.is-warning-dark.is-outlined:focus {
+    background-color: #ffdd57;
+    border-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #ffdd57 #ffdd57 !important;
+  }
+
+  .button.is-warning-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-warning-dark.is-outlined {
+    background-color: transparent;
+    border-color: #ffdd57;
+    box-shadow: none;
+    color: #ffdd57;
+  }
+
+  .button.is-warning-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: rgba(0, 0, 0, 0.7);
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-warning-dark.is-inverted.is-outlined:hover,
+  .button.is-warning-dark.is-inverted.is-outlined:focus {
+    background-color: rgba(0, 0, 0, 0.7);
+    color: #ffdd57;
+  }
+
+  .button.is-warning-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-warning-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: rgba(0, 0, 0, 0.7);
+    box-shadow: none;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .button.is-danger-dark {
+    background-color: #ff3860;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger-dark:hover,
+  .button.is-danger-dark.is-hovered {
+    background-color: #ff2b56;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger-dark:focus,
+  .button.is-danger-dark.is-focused {
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger-dark:focus:not(:active),
+  .button.is-danger-dark.is-focused:not(:active) {
+    box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
+  }
+
+  .button.is-danger-dark:active,
+  .button.is-danger-dark.is-active {
+    background-color: #ff1f4b;
+    border-color: transparent;
+    color: #fff;
+  }
+
+  .button.is-danger-dark[disabled],
+  fieldset[disabled] .button.is-danger-dark {
+    background-color: #ff3860;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  .button.is-danger-dark.is-inverted {
+    background-color: #fff;
+    color: #ff3860;
+  }
+
+  .button.is-danger-dark.is-inverted:hover {
+    background-color: #f2f2f2;
+  }
+
+  .button.is-danger-dark.is-inverted[disabled],
+  fieldset[disabled] .button.is-danger-dark.is-inverted {
+    background-color: #fff;
+    border-color: transparent;
+    box-shadow: none;
+    color: #ff3860;
+  }
+
+  .button.is-danger-dark.is-loading::after {
+    border-color: transparent transparent #fff #fff !important;
+  }
+
+  .button.is-danger-dark.is-outlined {
+    background-color: transparent;
+    border-color: #ff3860;
+    color: #ff3860;
+  }
+
+  .button.is-danger-dark.is-outlined:hover,
+  .button.is-danger-dark.is-outlined:focus {
+    background-color: #ff3860;
+    border-color: #ff3860;
+    color: #fff;
+  }
+
+  .button.is-danger-dark.is-outlined.is-loading::after {
+    border-color: transparent transparent #ff3860 #ff3860 !important;
+  }
+
+  .button.is-danger-dark.is-outlined[disabled],
+  fieldset[disabled] .button.is-danger-dark.is-outlined {
+    background-color: transparent;
+    border-color: #ff3860;
+    box-shadow: none;
+    color: #ff3860;
+  }
+
+  .button.is-danger-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    color: #fff;
+  }
+
+  .button.is-danger-dark.is-inverted.is-outlined:hover,
+  .button.is-danger-dark.is-inverted.is-outlined:focus {
+    background-color: #fff;
+    color: #ff3860;
+  }
+
+  .button.is-danger-dark.is-inverted.is-outlined[disabled],
+  fieldset[disabled] .button.is-danger-dark.is-inverted.is-outlined {
+    background-color: transparent;
+    border-color: #fff;
+    box-shadow: none;
+    color: #fff;
+  }
+
+  .button[disabled],
+  fieldset[disabled] .button {
+    background-color: #0a0a0a;
+    border-color: #363636;
+  }
+
+  .button.is-static {
+    background-color: whitesmoke;
+    border-color: #363636;
+    color: #7a7a7a;
+  }
+
+  .content h1,
+  .content h2,
+  .content h3,
+  .content h4,
+  .content h5,
+  .content h6 {
+    color: #dbdbdb;
+  }
+
+  .content blockquote {
+    background-color: #666;
+    color: #dddddd;
+    border-left: 5px solid #363636;
+  }
+
+  .content table td,
+  .content table th {
+    border: 1px solid #363636;
+  }
+
+  .content table th {
+    color: #dbdbdb;
+  }
+
+  .content table thead td,
+  .content table thead th {
+    color: #dbdbdb;
+  }
+
+  .content table tfoot td,
+  .content table tfoot th {
+    color: #dbdbdb;
+  }
+
+  .input,
+  .textarea {
+    background-color: #0a0a0a;
+    border-color: #363636;
+    color: #dbdbdb;
+    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
+  }
+
+  .input::-moz-placeholder,
+  .textarea::-moz-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .input::-webkit-input-placeholder,
+  .textarea::-webkit-input-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .input:-moz-placeholder,
+  .textarea:-moz-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .input:-ms-input-placeholder,
+  .textarea:-ms-input-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .input:hover,
+  .input.is-hovered,
+  .textarea:hover,
+  .textarea.is-hovered {
+    border-color: #4a4a4a;
+  }
+
+  .input:focus,
+  .input.is-focused,
+  .input:active,
+  .input.is-active,
+  .textarea:focus,
+  .textarea.is-focused,
+  .textarea:active,
+  .textarea.is-active {
+    border-color: #5ea3e4;
+    box-shadow: 0 0 0 0.125em rgba(94, 163, 228, 0.25);
+  }
+
+  .input[disabled],
+  fieldset[disabled] .input,
+  .textarea[disabled],
+  fieldset[disabled] .textarea {
+    background-color: #242424;
+    border-color: #242424;
+    color: #b5b5b5;
+  }
+
+  .input[disabled]::-moz-placeholder,
+  fieldset[disabled] .input::-moz-placeholder,
+  .textarea[disabled]::-moz-placeholder,
+  fieldset[disabled] .textarea::-moz-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .input[disabled]::-webkit-input-placeholder,
+  fieldset[disabled] .input::-webkit-input-placeholder,
+  .textarea[disabled]::-webkit-input-placeholder,
+  fieldset[disabled] .textarea::-webkit-input-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .input[disabled]:-moz-placeholder,
+  fieldset[disabled] .input:-moz-placeholder,
+  .textarea[disabled]:-moz-placeholder,
+  fieldset[disabled] .textarea:-moz-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .input[disabled]:-ms-input-placeholder,
+  fieldset[disabled] .input:-ms-input-placeholder,
+  .textarea[disabled]:-ms-input-placeholder,
+  fieldset[disabled] .textarea:-ms-input-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .input.is-white,
+  .textarea.is-white {
+    border-color: #e6e6e6;
+  }
+
+  .input.is-white:focus,
+  .input.is-white.is-focused,
+  .input.is-white:active,
+  .input.is-white.is-active,
+  .textarea.is-white:focus,
+  .textarea.is-white.is-focused,
+  .textarea.is-white:active,
+  .textarea.is-white.is-active {
+    box-shadow: 0 0 0 0.125em rgba(230, 230, 230, 0.25);
+  }
+
+  .input.is-black,
+  .textarea.is-black {
+    border-color: black;
+  }
+
+  .input.is-black:focus,
+  .input.is-black.is-focused,
+  .input.is-black:active,
+  .input.is-black.is-active,
+  .textarea.is-black:focus,
+  .textarea.is-black.is-focused,
+  .textarea.is-black:active,
+  .textarea.is-black.is-active {
+    box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
+  }
+
+  .input.is-light,
+  .textarea.is-light {
+    border-color: #dbdbdb;
+  }
+
+  .input.is-light:focus,
+  .input.is-light.is-focused,
+  .input.is-light:active,
+  .input.is-light.is-active,
+  .textarea.is-light:focus,
+  .textarea.is-light.is-focused,
+  .textarea.is-light:active,
+  .textarea.is-light.is-active {
+    box-shadow: 0 0 0 0.125em rgba(219, 219, 219, 0.25);
+  }
+
+  .input.is-dark,
+  .textarea.is-dark {
+    border-color: #1c1c1c;
+  }
+
+  .input.is-dark:focus,
+  .input.is-dark.is-focused,
+  .input.is-dark:active,
+  .input.is-dark.is-active,
+  .textarea.is-dark:focus,
+  .textarea.is-dark.is-focused,
+  .textarea.is-dark:active,
+  .textarea.is-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(28, 28, 28, 0.25);
+  }
+
+  .input.is-primary,
+  .textarea.is-primary {
+    border-color: #009e86;
+  }
+
+  .input.is-primary:focus,
+  .input.is-primary.is-focused,
+  .input.is-primary:active,
+  .input.is-primary.is-active,
+  .textarea.is-primary:focus,
+  .textarea.is-primary.is-focused,
+  .textarea.is-primary:active,
+  .textarea.is-primary.is-active {
+    box-shadow: 0 0 0 0.125em rgba(0, 158, 134, 0.25);
+  }
+
+  .input.is-link,
+  .textarea.is-link {
+    border-color: #205bbc;
+  }
+
+  .input.is-link:focus,
+  .input.is-link.is-focused,
+  .input.is-link:active,
+  .input.is-link.is-active,
+  .textarea.is-link:focus,
+  .textarea.is-link.is-focused,
+  .textarea.is-link:active,
+  .textarea.is-link.is-active {
+    box-shadow: 0 0 0 0.125em rgba(32, 91, 188, 0.25);
+  }
+
+  .input.is-info,
+  .textarea.is-info {
+    border-color: #0f81cc;
+  }
+
+  .input.is-info:focus,
+  .input.is-info.is-focused,
+  .input.is-info:active,
+  .input.is-info.is-active,
+  .textarea.is-info:focus,
+  .textarea.is-info.is-focused,
+  .textarea.is-info:active,
+  .textarea.is-info.is-active {
+    box-shadow: 0 0 0 0.125em rgba(15, 129, 204, 0.25);
+  }
+
+  .input.is-success,
+  .textarea.is-success {
+    border-color: #1ca64c;
+  }
+
+  .input.is-success:focus,
+  .input.is-success.is-focused,
+  .input.is-success:active,
+  .input.is-success.is-active,
+  .textarea.is-success:focus,
+  .textarea.is-success.is-focused,
+  .textarea.is-success:active,
+  .textarea.is-success.is-active {
+    box-shadow: 0 0 0 0.125em rgba(28, 166, 76, 0.25);
+  }
+
+  .input.is-warning,
+  .textarea.is-warning {
+    border-color: #ffd324;
+  }
+
+  .input.is-warning:focus,
+  .input.is-warning.is-focused,
+  .input.is-warning:active,
+  .input.is-warning.is-active,
+  .textarea.is-warning:focus,
+  .textarea.is-warning.is-focused,
+  .textarea.is-warning:active,
+  .textarea.is-warning.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 211, 36, 0.25);
+  }
+
+  .input.is-danger,
+  .textarea.is-danger {
+    border-color: #ff0537;
+  }
+
+  .input.is-danger:focus,
+  .input.is-danger.is-focused,
+  .input.is-danger:active,
+  .input.is-danger.is-active,
+  .textarea.is-danger:focus,
+  .textarea.is-danger.is-focused,
+  .textarea.is-danger:active,
+  .textarea.is-danger.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 5, 55, 0.25);
+  }
+
+  .input.is-white-dark,
+  .textarea.is-white-dark {
+    border-color: white;
+  }
+
+  .input.is-white-dark:focus,
+  .input.is-white-dark.is-focused,
+  .input.is-white-dark:active,
+  .input.is-white-dark.is-active,
+  .textarea.is-white-dark:focus,
+  .textarea.is-white-dark.is-focused,
+  .textarea.is-white-dark:active,
+  .textarea.is-white-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
+  }
+
+  .input.is-black-dark,
+  .textarea.is-black-dark {
+    border-color: #0a0a0a;
+  }
+
+  .input.is-black-dark:focus,
+  .input.is-black-dark.is-focused,
+  .input.is-black-dark:active,
+  .input.is-black-dark.is-active,
+  .textarea.is-black-dark:focus,
+  .textarea.is-black-dark.is-focused,
+  .textarea.is-black-dark:active,
+  .textarea.is-black-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+  }
+
+  .input.is-light-dark,
+  .textarea.is-light-dark {
+    border-color: whitesmoke;
+  }
+
+  .input.is-light-dark:focus,
+  .input.is-light-dark.is-focused,
+  .input.is-light-dark:active,
+  .input.is-light-dark.is-active,
+  .textarea.is-light-dark:focus,
+  .textarea.is-light-dark.is-focused,
+  .textarea.is-light-dark:active,
+  .textarea.is-light-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+  }
+
+  .input.is-dark-dark,
+  .textarea.is-dark-dark {
+    border-color: #363636;
+  }
+
+  .input.is-dark-dark:focus,
+  .input.is-dark-dark.is-focused,
+  .input.is-dark-dark:active,
+  .input.is-dark-dark.is-active,
+  .textarea.is-dark-dark:focus,
+  .textarea.is-dark-dark.is-focused,
+  .textarea.is-dark-dark:active,
+  .textarea.is-dark-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+  }
+
+  .input.is-primary-dark,
+  .textarea.is-primary-dark {
+    border-color: #00d1b2;
+  }
+
+  .input.is-primary-dark:focus,
+  .input.is-primary-dark.is-focused,
+  .input.is-primary-dark:active,
+  .input.is-primary-dark.is-active,
+  .textarea.is-primary-dark:focus,
+  .textarea.is-primary-dark.is-focused,
+  .textarea.is-primary-dark:active,
+  .textarea.is-primary-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+  }
+
+  .input.is-link-dark,
+  .textarea.is-link-dark {
+    border-color: #3273dc;
+  }
+
+  .input.is-link-dark:focus,
+  .input.is-link-dark.is-focused,
+  .input.is-link-dark:active,
+  .input.is-link-dark.is-active,
+  .textarea.is-link-dark:focus,
+  .textarea.is-link-dark.is-focused,
+  .textarea.is-link-dark:active,
+  .textarea.is-link-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+  }
+
+  .input.is-info-dark,
+  .textarea.is-info-dark {
+    border-color: #209cee;
+  }
+
+  .input.is-info-dark:focus,
+  .input.is-info-dark.is-focused,
+  .input.is-info-dark:active,
+  .input.is-info-dark.is-active,
+  .textarea.is-info-dark:focus,
+  .textarea.is-info-dark.is-focused,
+  .textarea.is-info-dark:active,
+  .textarea.is-info-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
+  }
+
+  .input.is-success-dark,
+  .textarea.is-success-dark {
+    border-color: #23d160;
+  }
+
+  .input.is-success-dark:focus,
+  .input.is-success-dark.is-focused,
+  .input.is-success-dark:active,
+  .input.is-success-dark.is-active,
+  .textarea.is-success-dark:focus,
+  .textarea.is-success-dark.is-focused,
+  .textarea.is-success-dark:active,
+  .textarea.is-success-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
+  }
+
+  .input.is-warning-dark,
+  .textarea.is-warning-dark {
+    border-color: #ffdd57;
+  }
+
+  .input.is-warning-dark:focus,
+  .input.is-warning-dark.is-focused,
+  .input.is-warning-dark:active,
+  .input.is-warning-dark.is-active,
+  .textarea.is-warning-dark:focus,
+  .textarea.is-warning-dark.is-focused,
+  .textarea.is-warning-dark:active,
+  .textarea.is-warning-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
+  }
+
+  .input.is-danger-dark,
+  .textarea.is-danger-dark {
+    border-color: #ff3860;
+  }
+
+  .input.is-danger-dark:focus,
+  .input.is-danger-dark.is-focused,
+  .input.is-danger-dark:active,
+  .input.is-danger-dark.is-active,
+  .textarea.is-danger-dark:focus,
+  .textarea.is-danger-dark.is-focused,
+  .textarea.is-danger-dark:active,
+  .textarea.is-danger-dark.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
+  }
+
+  .checkbox:hover,
+  .radio:hover {
+    color: #dbdbdb;
+  }
+
+  .checkbox[disabled],
+  fieldset[disabled] .checkbox,
+  .radio[disabled],
+  fieldset[disabled] .radio {
+    color: #b5b5b5;
+  }
+
+  .select:not(.is-multiple):not(.is-loading)::after {
+    border-color: #5ea3e4;
+  }
+
+  .select select {
+    background-color: #0a0a0a;
+    border-color: #363636;
+    color: #dbdbdb;
+  }
+
+  .select select::-moz-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .select select::-webkit-input-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .select select:-moz-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .select select:-ms-input-placeholder {
+    color: rgba(219, 219, 219, 0.3);
+  }
+
+  .select select:hover,
+  .select select.is-hovered {
+    border-color: #4a4a4a;
+  }
+
+  .select select:focus,
+  .select select.is-focused,
+  .select select:active,
+  .select select.is-active {
+    border-color: #5ea3e4;
+    box-shadow: 0 0 0 0.125em rgba(94, 163, 228, 0.25);
+  }
+
+  .select select[disabled],
+  fieldset[disabled] .select select {
+    background-color: #242424;
+    border-color: #242424;
+    color: #b5b5b5;
+  }
+
+  .select select[disabled]::-moz-placeholder,
+  fieldset[disabled] .select select::-moz-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .select select[disabled]::-webkit-input-placeholder,
+  fieldset[disabled] .select select::-webkit-input-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .select select[disabled]:-moz-placeholder,
+  fieldset[disabled] .select select:-moz-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .select select[disabled]:-ms-input-placeholder,
+  fieldset[disabled] .select select:-ms-input-placeholder {
+    color: rgba(181, 181, 181, 0.3);
+  }
+
+  .select select[disabled]:hover,
+  fieldset[disabled] .select select:hover {
+    border-color: #242424;
+  }
+
+  .select select option {
+    color: #dbdbdb;
+  }
+
+  .select:not(.is-multiple):not(.is-loading):hover::after {
+    border-color: #dbdbdb;
+  }
+
+  .select.is-white:not(:hover)::after {
+    border-color: #e6e6e6;
+  }
+
+  .select.is-white select {
+    border-color: #e6e6e6;
+  }
+
+  .select.is-white select:hover,
+  .select.is-white select.is-hovered {
+    border-color: #d9d9d9;
+  }
+
+  .select.is-white select:focus,
+  .select.is-white select.is-focused,
+  .select.is-white select:active,
+  .select.is-white select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(230, 230, 230, 0.25);
+  }
+
+  .select.is-black:not(:hover)::after {
+    border-color: black;
+  }
+
+  .select.is-black select {
+    border-color: black;
+  }
+
+  .select.is-black select:hover,
+  .select.is-black select.is-hovered {
+    border-color: black;
+  }
+
+  .select.is-black select:focus,
+  .select.is-black select.is-focused,
+  .select.is-black select:active,
+  .select.is-black select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
+  }
+
+  .select.is-light:not(:hover)::after {
+    border-color: #dbdbdb;
+  }
+
+  .select.is-light select {
+    border-color: #dbdbdb;
+  }
+
+  .select.is-light select:hover,
+  .select.is-light select.is-hovered {
+    border-color: #cfcfcf;
+  }
+
+  .select.is-light select:focus,
+  .select.is-light select.is-focused,
+  .select.is-light select:active,
+  .select.is-light select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(219, 219, 219, 0.25);
+  }
+
+  .select.is-dark:not(:hover)::after {
+    border-color: #1c1c1c;
+  }
+
+  .select.is-dark select {
+    border-color: #1c1c1c;
+  }
+
+  .select.is-dark select:hover,
+  .select.is-dark select.is-hovered {
+    border-color: #0f0f0f;
+  }
+
+  .select.is-dark select:focus,
+  .select.is-dark select.is-focused,
+  .select.is-dark select:active,
+  .select.is-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(28, 28, 28, 0.25);
+  }
+
+  .select.is-primary:not(:hover)::after {
+    border-color: #009e86;
+  }
+
+  .select.is-primary select {
+    border-color: #009e86;
+  }
+
+  .select.is-primary select:hover,
+  .select.is-primary select.is-hovered {
+    border-color: #008571;
+  }
+
+  .select.is-primary select:focus,
+  .select.is-primary select.is-focused,
+  .select.is-primary select:active,
+  .select.is-primary select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(0, 158, 134, 0.25);
+  }
+
+  .select.is-link:not(:hover)::after {
+    border-color: #205bbc;
+  }
+
+  .select.is-link select {
+    border-color: #205bbc;
+  }
+
+  .select.is-link select:hover,
+  .select.is-link select.is-hovered {
+    border-color: #1c51a6;
+  }
+
+  .select.is-link select:focus,
+  .select.is-link select.is-focused,
+  .select.is-link select:active,
+  .select.is-link select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(32, 91, 188, 0.25);
+  }
+
+  .select.is-info:not(:hover)::after {
+    border-color: #0f81cc;
+  }
+
+  .select.is-info select {
+    border-color: #0f81cc;
+  }
+
+  .select.is-info select:hover,
+  .select.is-info select.is-hovered {
+    border-color: #0e72b4;
+  }
+
+  .select.is-info select:focus,
+  .select.is-info select.is-focused,
+  .select.is-info select:active,
+  .select.is-info select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(15, 129, 204, 0.25);
+  }
+
+  .select.is-success:not(:hover)::after {
+    border-color: #1ca64c;
+  }
+
+  .select.is-success select {
+    border-color: #1ca64c;
+  }
+
+  .select.is-success select:hover,
+  .select.is-success select.is-hovered {
+    border-color: #189042;
+  }
+
+  .select.is-success select:focus,
+  .select.is-success select.is-focused,
+  .select.is-success select:active,
+  .select.is-success select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(28, 166, 76, 0.25);
+  }
+
+  .select.is-warning:not(:hover)::after {
+    border-color: #ffd324;
+  }
+
+  .select.is-warning select {
+    border-color: #ffd324;
+  }
+
+  .select.is-warning select:hover,
+  .select.is-warning select.is-hovered {
+    border-color: #ffce0a;
+  }
+
+  .select.is-warning select:focus,
+  .select.is-warning select.is-focused,
+  .select.is-warning select:active,
+  .select.is-warning select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 211, 36, 0.25);
+  }
+
+  .select.is-danger:not(:hover)::after {
+    border-color: #ff0537;
+  }
+
+  .select.is-danger select {
+    border-color: #ff0537;
+  }
+
+  .select.is-danger select:hover,
+  .select.is-danger select.is-hovered {
+    border-color: #eb002f;
+  }
+
+  .select.is-danger select:focus,
+  .select.is-danger select.is-focused,
+  .select.is-danger select:active,
+  .select.is-danger select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 5, 55, 0.25);
+  }
+
+  .select.is-white-dark:not(:hover)::after {
+    border-color: white;
+  }
+
+  .select.is-white-dark select {
+    border-color: white;
+  }
+
+  .select.is-white-dark select:hover,
+  .select.is-white-dark select.is-hovered {
+    border-color: #f2f2f2;
+  }
+
+  .select.is-white-dark select:focus,
+  .select.is-white-dark select.is-focused,
+  .select.is-white-dark select:active,
+  .select.is-white-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
+  }
+
+  .select.is-black-dark:not(:hover)::after {
+    border-color: #0a0a0a;
+  }
+
+  .select.is-black-dark select {
+    border-color: #0a0a0a;
+  }
+
+  .select.is-black-dark select:hover,
+  .select.is-black-dark select.is-hovered {
+    border-color: black;
+  }
+
+  .select.is-black-dark select:focus,
+  .select.is-black-dark select.is-focused,
+  .select.is-black-dark select:active,
+  .select.is-black-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+  }
+
+  .select.is-light-dark:not(:hover)::after {
+    border-color: whitesmoke;
+  }
+
+  .select.is-light-dark select {
+    border-color: whitesmoke;
+  }
+
+  .select.is-light-dark select:hover,
+  .select.is-light-dark select.is-hovered {
+    border-color: #e8e8e8;
+  }
+
+  .select.is-light-dark select:focus,
+  .select.is-light-dark select.is-focused,
+  .select.is-light-dark select:active,
+  .select.is-light-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+  }
+
+  .select.is-dark-dark:not(:hover)::after {
+    border-color: #363636;
+  }
+
+  .select.is-dark-dark select {
+    border-color: #363636;
+  }
+
+  .select.is-dark-dark select:hover,
+  .select.is-dark-dark select.is-hovered {
+    border-color: #292929;
+  }
+
+  .select.is-dark-dark select:focus,
+  .select.is-dark-dark select.is-focused,
+  .select.is-dark-dark select:active,
+  .select.is-dark-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+  }
+
+  .select.is-primary-dark:not(:hover)::after {
+    border-color: #00d1b2;
+  }
+
+  .select.is-primary-dark select {
+    border-color: #00d1b2;
+  }
+
+  .select.is-primary-dark select:hover,
+  .select.is-primary-dark select.is-hovered {
+    border-color: #00b89c;
+  }
+
+  .select.is-primary-dark select:focus,
+  .select.is-primary-dark select.is-focused,
+  .select.is-primary-dark select:active,
+  .select.is-primary-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+  }
+
+  .select.is-link-dark:not(:hover)::after {
+    border-color: #3273dc;
+  }
+
+  .select.is-link-dark select {
+    border-color: #3273dc;
+  }
+
+  .select.is-link-dark select:hover,
+  .select.is-link-dark select.is-hovered {
+    border-color: #2366d1;
+  }
+
+  .select.is-link-dark select:focus,
+  .select.is-link-dark select.is-focused,
+  .select.is-link-dark select:active,
+  .select.is-link-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+  }
+
+  .select.is-info-dark:not(:hover)::after {
+    border-color: #209cee;
+  }
+
+  .select.is-info-dark select {
+    border-color: #209cee;
+  }
+
+  .select.is-info-dark select:hover,
+  .select.is-info-dark select.is-hovered {
+    border-color: #118fe4;
+  }
+
+  .select.is-info-dark select:focus,
+  .select.is-info-dark select.is-focused,
+  .select.is-info-dark select:active,
+  .select.is-info-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
+  }
+
+  .select.is-success-dark:not(:hover)::after {
+    border-color: #23d160;
+  }
+
+  .select.is-success-dark select {
+    border-color: #23d160;
+  }
+
+  .select.is-success-dark select:hover,
+  .select.is-success-dark select.is-hovered {
+    border-color: #20bc56;
+  }
+
+  .select.is-success-dark select:focus,
+  .select.is-success-dark select.is-focused,
+  .select.is-success-dark select:active,
+  .select.is-success-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
+  }
+
+  .select.is-warning-dark:not(:hover)::after {
+    border-color: #ffdd57;
+  }
+
+  .select.is-warning-dark select {
+    border-color: #ffdd57;
+  }
+
+  .select.is-warning-dark select:hover,
+  .select.is-warning-dark select.is-hovered {
+    border-color: #ffd83d;
+  }
+
+  .select.is-warning-dark select:focus,
+  .select.is-warning-dark select.is-focused,
+  .select.is-warning-dark select:active,
+  .select.is-warning-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
+  }
+
+  .select.is-danger-dark:not(:hover)::after {
+    border-color: #ff3860;
+  }
+
+  .select.is-danger-dark select {
+    border-color: #ff3860;
+  }
+
+  .select.is-danger-dark select:hover,
+  .select.is-danger-dark select.is-hovered {
+    border-color: #ff1f4b;
+  }
+
+  .select.is-danger-dark select:focus,
+  .select.is-danger-dark select.is-focused,
+  .select.is-danger-dark select:active,
+  .select.is-danger-dark select.is-active {
+    box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
+  }
+
+  .select.is-disabled::after {
+    border-color: #b5b5b5;
+  }
+
+  .file.is-white .file-cta {
+    background-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+
+  .file.is-white:hover .file-cta,
+  .file.is-white.is-hovered .file-cta {
+    background-color: #dfdfdf;
+    color: #0a0a0a;
+  }
+
+  .file.is-white:focus .file-cta,
+  .file.is-white.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(230, 230, 230, 0.25);
+    color: #0a0a0a;
+  }
+
+  .file.is-white:active .file-cta,
+  .file.is-white.is-active .file-cta {
+    background-color: #d9d9d9;
+    color: #0a0a0a;
+  }
+
+  .file.is-black .file-cta {
+    background-color: black;
+    color: white;
+  }
+
+  .file.is-black:hover .file-cta,
+  .file.is-black.is-hovered .file-cta {
+    background-color: black;
+    color: white;
+  }
+
+  .file.is-black:focus .file-cta,
+  .file.is-black.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
+    color: white;
+  }
+
+  .file.is-black:active .file-cta,
+  .file.is-black.is-active .file-cta {
+    background-color: black;
+    color: white;
+  }
+
+  .file.is-light .file-cta {
+    background-color: #dbdbdb;
+    color: #363636;
+  }
+
+  .file.is-light:hover .file-cta,
+  .file.is-light.is-hovered .file-cta {
+    background-color: #d5d5d5;
+    color: #363636;
+  }
+
+  .file.is-light:focus .file-cta,
+  .file.is-light.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(219, 219, 219, 0.25);
+    color: #363636;
+  }
+
+  .file.is-light:active .file-cta,
+  .file.is-light.is-active .file-cta {
+    background-color: #cfcfcf;
+    color: #363636;
+  }
+
+  .file.is-dark .file-cta {
+    background-color: #1c1c1c;
+    color: whitesmoke;
+  }
+
+  .file.is-dark:hover .file-cta,
+  .file.is-dark.is-hovered .file-cta {
+    background-color: #161616;
+    color: whitesmoke;
+  }
+
+  .file.is-dark:focus .file-cta,
+  .file.is-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(28, 28, 28, 0.25);
+    color: whitesmoke;
+  }
+
+  .file.is-dark:active .file-cta,
+  .file.is-dark.is-active .file-cta {
+    background-color: #0f0f0f;
+    color: whitesmoke;
+  }
+
+  .file.is-primary .file-cta {
+    background-color: #009e86;
+    color: #fff;
+  }
+
+  .file.is-primary:hover .file-cta,
+  .file.is-primary.is-hovered .file-cta {
+    background-color: #00917c;
+    color: #fff;
+  }
+
+  .file.is-primary:focus .file-cta,
+  .file.is-primary.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(0, 158, 134, 0.25);
+    color: #fff;
+  }
+
+  .file.is-primary:active .file-cta,
+  .file.is-primary.is-active .file-cta {
+    background-color: #008571;
+    color: #fff;
+  }
+
+  .file.is-link .file-cta {
+    background-color: #205bbc;
+    color: #fff;
+  }
+
+  .file.is-link:hover .file-cta,
+  .file.is-link.is-hovered .file-cta {
+    background-color: #1e56b1;
+    color: #fff;
+  }
+
+  .file.is-link:focus .file-cta,
+  .file.is-link.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(32, 91, 188, 0.25);
+    color: #fff;
+  }
+
+  .file.is-link:active .file-cta,
+  .file.is-link.is-active .file-cta {
+    background-color: #1c51a6;
+    color: #fff;
+  }
+
+  .file.is-info .file-cta {
+    background-color: #0f81cc;
+    color: #fff;
+  }
+
+  .file.is-info:hover .file-cta,
+  .file.is-info.is-hovered .file-cta {
+    background-color: #0e79c0;
+    color: #fff;
+  }
+
+  .file.is-info:focus .file-cta,
+  .file.is-info.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(15, 129, 204, 0.25);
+    color: #fff;
+  }
+
+  .file.is-info:active .file-cta,
+  .file.is-info.is-active .file-cta {
+    background-color: #0e72b4;
+    color: #fff;
+  }
+
+  .file.is-success .file-cta {
+    background-color: #1ca64c;
+    color: #fff;
+  }
+
+  .file.is-success:hover .file-cta,
+  .file.is-success.is-hovered .file-cta {
+    background-color: #1a9b47;
+    color: #fff;
+  }
+
+  .file.is-success:focus .file-cta,
+  .file.is-success.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(28, 166, 76, 0.25);
+    color: #fff;
+  }
+
+  .file.is-success:active .file-cta,
+  .file.is-success.is-active .file-cta {
+    background-color: #189042;
+    color: #fff;
+  }
+
+  .file.is-warning .file-cta {
+    background-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-warning:hover .file-cta,
+  .file.is-warning.is-hovered .file-cta {
+    background-color: #ffd117;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-warning:focus .file-cta,
+  .file.is-warning.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(255, 211, 36, 0.25);
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-warning:active .file-cta,
+  .file.is-warning.is-active .file-cta {
+    background-color: #ffce0a;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-danger .file-cta {
+    background-color: #ff0537;
+    color: #fff;
+  }
+
+  .file.is-danger:hover .file-cta,
+  .file.is-danger.is-hovered .file-cta {
+    background-color: #f70031;
+    color: #fff;
+  }
+
+  .file.is-danger:focus .file-cta,
+  .file.is-danger.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(255, 5, 55, 0.25);
+    color: #fff;
+  }
+
+  .file.is-danger:active .file-cta,
+  .file.is-danger.is-active .file-cta {
+    background-color: #eb002f;
+    color: #fff;
+  }
+
+  .file.is-white-dark .file-cta {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .file.is-white-dark:hover .file-cta,
+  .file.is-white-dark.is-hovered .file-cta {
+    background-color: #f9f9f9;
+    color: #0a0a0a;
+  }
+
+  .file.is-white-dark:focus .file-cta,
+  .file.is-white-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
+    color: #0a0a0a;
+  }
+
+  .file.is-white-dark:active .file-cta,
+  .file.is-white-dark.is-active .file-cta {
+    background-color: #f2f2f2;
+    color: #0a0a0a;
+  }
+
+  .file.is-black-dark .file-cta {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .file.is-black-dark:hover .file-cta,
+  .file.is-black-dark.is-hovered .file-cta {
+    background-color: #040404;
+    color: white;
+  }
+
+  .file.is-black-dark:focus .file-cta,
+  .file.is-black-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
+    color: white;
+  }
+
+  .file.is-black-dark:active .file-cta,
+  .file.is-black-dark.is-active .file-cta {
+    background-color: black;
+    color: white;
+  }
+
+  .file.is-light-dark .file-cta {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .file.is-light-dark:hover .file-cta,
+  .file.is-light-dark.is-hovered .file-cta {
+    background-color: #eeeeee;
+    color: #363636;
+  }
+
+  .file.is-light-dark:focus .file-cta,
+  .file.is-light-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
+    color: #363636;
+  }
+
+  .file.is-light-dark:active .file-cta,
+  .file.is-light-dark.is-active .file-cta {
+    background-color: #e8e8e8;
+    color: #363636;
+  }
+
+  .file.is-dark-dark .file-cta {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .file.is-dark-dark:hover .file-cta,
+  .file.is-dark-dark.is-hovered .file-cta {
+    background-color: #2f2f2f;
+    color: whitesmoke;
+  }
+
+  .file.is-dark-dark:focus .file-cta,
+  .file.is-dark-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
+    color: whitesmoke;
+  }
+
+  .file.is-dark-dark:active .file-cta,
+  .file.is-dark-dark.is-active .file-cta {
+    background-color: #292929;
+    color: whitesmoke;
+  }
+
+  .file.is-primary-dark .file-cta {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+
+  .file.is-primary-dark:hover .file-cta,
+  .file.is-primary-dark.is-hovered .file-cta {
+    background-color: #00c4a7;
+    color: #fff;
+  }
+
+  .file.is-primary-dark:focus .file-cta,
+  .file.is-primary-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
+    color: #fff;
+  }
+
+  .file.is-primary-dark:active .file-cta,
+  .file.is-primary-dark.is-active .file-cta {
+    background-color: #00b89c;
+    color: #fff;
+  }
+
+  .file.is-link-dark .file-cta {
+    background-color: #3273dc;
+    color: #fff;
+  }
+
+  .file.is-link-dark:hover .file-cta,
+  .file.is-link-dark.is-hovered .file-cta {
+    background-color: #276cda;
+    color: #fff;
+  }
+
+  .file.is-link-dark:focus .file-cta,
+  .file.is-link-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
+    color: #fff;
+  }
+
+  .file.is-link-dark:active .file-cta,
+  .file.is-link-dark.is-active .file-cta {
+    background-color: #2366d1;
+    color: #fff;
+  }
+
+  .file.is-info-dark .file-cta {
+    background-color: #209cee;
+    color: #fff;
+  }
+
+  .file.is-info-dark:hover .file-cta,
+  .file.is-info-dark.is-hovered .file-cta {
+    background-color: #1496ed;
+    color: #fff;
+  }
+
+  .file.is-info-dark:focus .file-cta,
+  .file.is-info-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
+    color: #fff;
+  }
+
+  .file.is-info-dark:active .file-cta,
+  .file.is-info-dark.is-active .file-cta {
+    background-color: #118fe4;
+    color: #fff;
+  }
+
+  .file.is-success-dark .file-cta {
+    background-color: #23d160;
+    color: #fff;
+  }
+
+  .file.is-success-dark:hover .file-cta,
+  .file.is-success-dark.is-hovered .file-cta {
+    background-color: #22c65b;
+    color: #fff;
+  }
+
+  .file.is-success-dark:focus .file-cta,
+  .file.is-success-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
+    color: #fff;
+  }
+
+  .file.is-success-dark:active .file-cta,
+  .file.is-success-dark.is-active .file-cta {
+    background-color: #20bc56;
+    color: #fff;
+  }
+
+  .file.is-warning-dark .file-cta {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-warning-dark:hover .file-cta,
+  .file.is-warning-dark.is-hovered .file-cta {
+    background-color: #ffdb4a;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-warning-dark:focus .file-cta,
+  .file.is-warning-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-warning-dark:active .file-cta,
+  .file.is-warning-dark.is-active .file-cta {
+    background-color: #ffd83d;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .file.is-danger-dark .file-cta {
+    background-color: #ff3860;
+    color: #fff;
+  }
+
+  .file.is-danger-dark:hover .file-cta,
+  .file.is-danger-dark.is-hovered .file-cta {
+    background-color: #ff2b56;
+    color: #fff;
+  }
+
+  .file.is-danger-dark:focus .file-cta,
+  .file.is-danger-dark.is-focused .file-cta {
+    box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
+    color: #fff;
+  }
+
+  .file.is-danger-dark:active .file-cta,
+  .file.is-danger-dark.is-active .file-cta {
+    background-color: #ff1f4b;
+    color: #fff;
+  }
+
+  .file-label:hover .file-cta {
+    background-color: #1d1d1d;
+    color: #dbdbdb;
+  }
+
+  .file-label:hover .file-name {
+    border-color: #2f2f2f;
+  }
+
+  .file-label:active .file-cta {
+    background-color: #171717;
+    color: #dbdbdb;
+  }
+
+  .file-label:active .file-name {
+    border-color: #292929;
+  }
+
+  .file-cta,
+  .file-name {
+    border-color: #363636;
+  }
+
+  .file-cta {
+    background-color: #242424;
+    color: #b5b5b5;
+  }
+
+  .file-name {
+    border-color: #363636;
+  }
+
+  .label {
+    color: #dbdbdb;
+  }
+
+  .help.is-white {
+    color: #e6e6e6;
+  }
+
+  .help.is-black {
+    color: black;
+  }
+
+  .help.is-light {
+    color: #dbdbdb;
+  }
+
+  .help.is-dark {
+    color: #1c1c1c;
+  }
+
+  .help.is-primary {
+    color: #009e86;
+  }
+
+  .help.is-link {
+    color: #205bbc;
+  }
+
+  .help.is-info {
+    color: #0f81cc;
+  }
+
+  .help.is-success {
+    color: #1ca64c;
+  }
+
+  .help.is-warning {
+    color: #ffd324;
+  }
+
+  .help.is-danger {
+    color: #ff0537;
+  }
+
+  .help.is-white-dark {
+    color: white;
+  }
+
+  .help.is-black-dark {
+    color: #0a0a0a;
+  }
+
+  .help.is-light-dark {
+    color: whitesmoke;
+  }
+
+  .help.is-dark-dark {
+    color: #363636;
+  }
+
+  .help.is-primary-dark {
+    color: #00d1b2;
+  }
+
+  .help.is-link-dark {
+    color: #3273dc;
+  }
+
+  .help.is-info-dark {
+    color: #209cee;
+  }
+
+  .help.is-success-dark {
+    color: #23d160;
+  }
+
+  .help.is-warning-dark {
+    color: #ffdd57;
+  }
+
+  .help.is-danger-dark {
+    color: #ff3860;
+  }
+
+  .control.has-icons-left .icon,
+  .control.has-icons-right .icon {
+    color: #363636;
+  }
+
+  .notification {
+    background-color: #242424;
+  }
+
+  .notification code,
+  .notification pre {
+    background: #0a0a0a;
+  }
+
+  .notification.is-white {
+    background-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+
+  .notification.is-black {
+    background-color: black;
+    color: white;
+  }
+
+  .notification.is-light {
+    background-color: #dbdbdb;
+    color: #363636;
+  }
+
+  .notification.is-dark {
+    background-color: #1c1c1c;
+    color: whitesmoke;
+  }
+
+  .notification.is-primary {
+    background-color: #009e86;
+    color: #fff;
+  }
+
+  .notification.is-link {
+    background-color: #205bbc;
+    color: #fff;
+  }
+
+  .notification.is-info {
+    background-color: #0f81cc;
+    color: #fff;
+  }
+
+  .notification.is-success {
+    background-color: #1ca64c;
+    color: #fff;
+  }
+
+  .notification.is-warning {
+    background-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .notification.is-danger {
+    background-color: #ff0537;
+    color: #fff;
+  }
+
+  .notification.is-white-dark {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .notification.is-black-dark {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .notification.is-light-dark {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .notification.is-dark-dark {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .notification.is-primary-dark {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+
+  .notification.is-link-dark {
+    background-color: #3273dc;
+    color: #fff;
+  }
+
+  .notification.is-info-dark {
+    background-color: #209cee;
+    color: #fff;
+  }
+
+  .notification.is-success-dark {
+    background-color: #23d160;
+    color: #fff;
+  }
+
+  .notification.is-warning-dark {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .notification.is-danger-dark {
+    background-color: #ff3860;
+    color: #fff;
+  }
+
+  .progress::-webkit-progress-bar {
+    background-color: #363636;
+  }
+
+  .progress::-webkit-progress-value {
+    background-color: #b5b5b5;
+  }
+
+  .progress::-moz-progress-bar {
+    background-color: #b5b5b5;
+  }
+
+  .progress::-ms-fill {
+    background-color: #b5b5b5;
+  }
+
+  .progress:indeterminate {
+    background-color: #363636;
+    background-image: linear-gradient(to right, #4a4a4a 30%, #363636 30%);
+  }
+
+  .progress.is-white::-webkit-progress-value {
+    background-color: #e6e6e6;
+  }
+
+  .progress.is-white::-moz-progress-bar {
+    background-color: #e6e6e6;
+  }
+
+  .progress.is-white::-ms-fill {
+    background-color: #e6e6e6;
+  }
+
+  .progress.is-white:indeterminate {
+    background-image: linear-gradient(to right, #e6e6e6 30%, #363636 30%);
+  }
+
+  .progress.is-black::-webkit-progress-value {
+    background-color: black;
+  }
+
+  .progress.is-black::-moz-progress-bar {
+    background-color: black;
+  }
+
+  .progress.is-black::-ms-fill {
+    background-color: black;
+  }
+
+  .progress.is-black:indeterminate {
+    background-image: linear-gradient(to right, black 30%, #363636 30%);
+  }
+
+  .progress.is-light::-webkit-progress-value {
+    background-color: #dbdbdb;
+  }
+
+  .progress.is-light::-moz-progress-bar {
+    background-color: #dbdbdb;
+  }
+
+  .progress.is-light::-ms-fill {
+    background-color: #dbdbdb;
+  }
+
+  .progress.is-light:indeterminate {
+    background-image: linear-gradient(to right, #dbdbdb 30%, #363636 30%);
+  }
+
+  .progress.is-dark::-webkit-progress-value {
+    background-color: #1c1c1c;
+  }
+
+  .progress.is-dark::-moz-progress-bar {
+    background-color: #1c1c1c;
+  }
+
+  .progress.is-dark::-ms-fill {
+    background-color: #1c1c1c;
+  }
+
+  .progress.is-dark:indeterminate {
+    background-image: linear-gradient(to right, #1c1c1c 30%, #363636 30%);
+  }
+
+  .progress.is-primary::-webkit-progress-value {
+    background-color: #009e86;
+  }
+
+  .progress.is-primary::-moz-progress-bar {
+    background-color: #009e86;
+  }
+
+  .progress.is-primary::-ms-fill {
+    background-color: #009e86;
+  }
+
+  .progress.is-primary:indeterminate {
+    background-image: linear-gradient(to right, #009e86 30%, #363636 30%);
+  }
+
+  .progress.is-link::-webkit-progress-value {
+    background-color: #205bbc;
+  }
+
+  .progress.is-link::-moz-progress-bar {
+    background-color: #205bbc;
+  }
+
+  .progress.is-link::-ms-fill {
+    background-color: #205bbc;
+  }
+
+  .progress.is-link:indeterminate {
+    background-image: linear-gradient(to right, #205bbc 30%, #363636 30%);
+  }
+
+  .progress.is-info::-webkit-progress-value {
+    background-color: #0f81cc;
+  }
+
+  .progress.is-info::-moz-progress-bar {
+    background-color: #0f81cc;
+  }
+
+  .progress.is-info::-ms-fill {
+    background-color: #0f81cc;
+  }
+
+  .progress.is-info:indeterminate {
+    background-image: linear-gradient(to right, #0f81cc 30%, #363636 30%);
+  }
+
+  .progress.is-success::-webkit-progress-value {
+    background-color: #1ca64c;
+  }
+
+  .progress.is-success::-moz-progress-bar {
+    background-color: #1ca64c;
+  }
+
+  .progress.is-success::-ms-fill {
+    background-color: #1ca64c;
+  }
+
+  .progress.is-success:indeterminate {
+    background-image: linear-gradient(to right, #1ca64c 30%, #363636 30%);
+  }
+
+  .progress.is-warning::-webkit-progress-value {
+    background-color: #ffd324;
+  }
+
+  .progress.is-warning::-moz-progress-bar {
+    background-color: #ffd324;
+  }
+
+  .progress.is-warning::-ms-fill {
+    background-color: #ffd324;
+  }
+
+  .progress.is-warning:indeterminate {
+    background-image: linear-gradient(to right, #ffd324 30%, #363636 30%);
+  }
+
+  .progress.is-danger::-webkit-progress-value {
+    background-color: #ff0537;
+  }
+
+  .progress.is-danger::-moz-progress-bar {
+    background-color: #ff0537;
+  }
+
+  .progress.is-danger::-ms-fill {
+    background-color: #ff0537;
+  }
+
+  .progress.is-danger:indeterminate {
+    background-image: linear-gradient(to right, #ff0537 30%, #363636 30%);
+  }
+
+  .progress.is-white-dark::-webkit-progress-value {
+    background-color: white;
+  }
+
+  .progress.is-white-dark::-moz-progress-bar {
+    background-color: white;
+  }
+
+  .progress.is-white-dark::-ms-fill {
+    background-color: white;
+  }
+
+  .progress.is-white-dark:indeterminate {
+    background-image: linear-gradient(to right, white 30%, #363636 30%);
+  }
+
+  .progress.is-black-dark::-webkit-progress-value {
+    background-color: #0a0a0a;
+  }
+
+  .progress.is-black-dark::-moz-progress-bar {
+    background-color: #0a0a0a;
+  }
+
+  .progress.is-black-dark::-ms-fill {
+    background-color: #0a0a0a;
+  }
+
+  .progress.is-black-dark:indeterminate {
+    background-image: linear-gradient(to right, #0a0a0a 30%, #363636 30%);
+  }
+
+  .progress.is-light-dark::-webkit-progress-value {
+    background-color: whitesmoke;
+  }
+
+  .progress.is-light-dark::-moz-progress-bar {
+    background-color: whitesmoke;
+  }
+
+  .progress.is-light-dark::-ms-fill {
+    background-color: whitesmoke;
+  }
+
+  .progress.is-light-dark:indeterminate {
+    background-image: linear-gradient(to right, whitesmoke 30%, #363636 30%);
+  }
+
+  .progress.is-dark-dark::-webkit-progress-value {
+    background-color: #363636;
+  }
+
+  .progress.is-dark-dark::-moz-progress-bar {
+    background-color: #363636;
+  }
+
+  .progress.is-dark-dark::-ms-fill {
+    background-color: #363636;
+  }
+
+  .progress.is-dark-dark:indeterminate {
+    background-image: linear-gradient(to right, #363636 30%, #363636 30%);
+  }
+
+  .progress.is-primary-dark::-webkit-progress-value {
+    background-color: #00d1b2;
+  }
+
+  .progress.is-primary-dark::-moz-progress-bar {
+    background-color: #00d1b2;
+  }
+
+  .progress.is-primary-dark::-ms-fill {
+    background-color: #00d1b2;
+  }
+
+  .progress.is-primary-dark:indeterminate {
+    background-image: linear-gradient(to right, #00d1b2 30%, #363636 30%);
+  }
+
+  .progress.is-link-dark::-webkit-progress-value {
+    background-color: #3273dc;
+  }
+
+  .progress.is-link-dark::-moz-progress-bar {
+    background-color: #3273dc;
+  }
+
+  .progress.is-link-dark::-ms-fill {
+    background-color: #3273dc;
+  }
+
+  .progress.is-link-dark:indeterminate {
+    background-image: linear-gradient(to right, #3273dc 30%, #363636 30%);
+  }
+
+  .progress.is-info-dark::-webkit-progress-value {
+    background-color: #209cee;
+  }
+
+  .progress.is-info-dark::-moz-progress-bar {
+    background-color: #209cee;
+  }
+
+  .progress.is-info-dark::-ms-fill {
+    background-color: #209cee;
+  }
+
+  .progress.is-info-dark:indeterminate {
+    background-image: linear-gradient(to right, #209cee 30%, #363636 30%);
+  }
+
+  .progress.is-success-dark::-webkit-progress-value {
+    background-color: #23d160;
+  }
+
+  .progress.is-success-dark::-moz-progress-bar {
+    background-color: #23d160;
+  }
+
+  .progress.is-success-dark::-ms-fill {
+    background-color: #23d160;
+  }
+
+  .progress.is-success-dark:indeterminate {
+    background-image: linear-gradient(to right, #23d160 30%, #363636 30%);
+  }
+
+  .progress.is-warning-dark::-webkit-progress-value {
+    background-color: #ffdd57;
+  }
+
+  .progress.is-warning-dark::-moz-progress-bar {
+    background-color: #ffdd57;
+  }
+
+  .progress.is-warning-dark::-ms-fill {
+    background-color: #ffdd57;
+  }
+
+  .progress.is-warning-dark:indeterminate {
+    background-image: linear-gradient(to right, #ffdd57 30%, #363636 30%);
+  }
+
+  .progress.is-danger-dark::-webkit-progress-value {
+    background-color: #ff3860;
+  }
+
+  .progress.is-danger-dark::-moz-progress-bar {
+    background-color: #ff3860;
+  }
+
+  .progress.is-danger-dark::-ms-fill {
+    background-color: #ff3860;
+  }
+
+  .progress.is-danger-dark:indeterminate {
+    background-image: linear-gradient(to right, #ff3860 30%, #363636 30%);
+  }
+
+  .table {
+    background-color: #0a0a0a;
+    color: #dbdbdb;
+  }
+
+  .table td,
+  .table th {
+    border: 1px solid #363636;
+  }
+
+  .table td.is-white,
+  .table th.is-white {
+    background-color: #e6e6e6;
+    border-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+
+  .table td.is-black,
+  .table th.is-black {
+    background-color: black;
+    border-color: black;
+    color: white;
+  }
+
+  .table td.is-light,
+  .table th.is-light {
+    background-color: #dbdbdb;
+    border-color: #dbdbdb;
+    color: #363636;
+  }
+
+  .table td.is-dark,
+  .table th.is-dark {
+    background-color: #1c1c1c;
+    border-color: #1c1c1c;
+    color: whitesmoke;
+  }
+
+  .table td.is-primary,
+  .table th.is-primary {
+    background-color: #009e86;
+    border-color: #009e86;
+    color: #fff;
+  }
+
+  .table td.is-link,
+  .table th.is-link {
+    background-color: #205bbc;
+    border-color: #205bbc;
+    color: #fff;
+  }
+
+  .table td.is-info,
+  .table th.is-info {
+    background-color: #0f81cc;
+    border-color: #0f81cc;
+    color: #fff;
+  }
+
+  .table td.is-success,
+  .table th.is-success {
+    background-color: #1ca64c;
+    border-color: #1ca64c;
+    color: #fff;
+  }
+
+  .table td.is-warning,
+  .table th.is-warning {
+    background-color: #ffd324;
+    border-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .table td.is-danger,
+  .table th.is-danger {
+    background-color: #ff0537;
+    border-color: #ff0537;
+    color: #fff;
+  }
+
+  .table td.is-white-dark,
+  .table th.is-white-dark {
+    background-color: white;
+    border-color: white;
+    color: #0a0a0a;
+  }
+
+  .table td.is-black-dark,
+  .table th.is-black-dark {
+    background-color: #0a0a0a;
+    border-color: #0a0a0a;
+    color: white;
+  }
+
+  .table td.is-light-dark,
+  .table th.is-light-dark {
+    background-color: whitesmoke;
+    border-color: whitesmoke;
+    color: #363636;
+  }
+
+  .table td.is-dark-dark,
+  .table th.is-dark-dark {
+    background-color: #363636;
+    border-color: #363636;
+    color: whitesmoke;
+  }
+
+  .table td.is-primary-dark,
+  .table th.is-primary-dark {
+    background-color: #00d1b2;
+    border-color: #00d1b2;
+    color: #fff;
+  }
+
+  .table td.is-link-dark,
+  .table th.is-link-dark {
+    background-color: #3273dc;
+    border-color: #3273dc;
+    color: #fff;
+  }
+
+  .table td.is-info-dark,
+  .table th.is-info-dark {
+    background-color: #209cee;
+    border-color: #209cee;
+    color: #fff;
+  }
+
+  .table td.is-success-dark,
+  .table th.is-success-dark {
+    background-color: #23d160;
+    border-color: #23d160;
+    color: #fff;
+  }
+
+  .table td.is-warning-dark,
+  .table th.is-warning-dark {
+    background-color: #ffdd57;
+    border-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .table td.is-danger-dark,
+  .table th.is-danger-dark {
+    background-color: #ff3860;
+    border-color: #ff3860;
+    color: #fff;
+  }
+
+  .table td.is-selected,
+  .table th.is-selected {
+    background-color: #009e86;
+    color: #e6e6e6;
+  }
+
+  .table th {
+    color: #dbdbdb;
+  }
+
+  .table tr.is-selected {
+    background-color: #009e86;
+    color: #e6e6e6;
+  }
+
+  .table tr.is-selected td,
+  .table tr.is-selected th {
+    border-color: #e6e6e6;
+  }
+
+  .table thead td,
+  .table thead th {
+    color: #dbdbdb;
+  }
+
+  .table tfoot td,
+  .table tfoot th {
+    color: #dbdbdb;
+  }
+
+  .table.is-hoverable tbody tr:not(.is-selected):hover {
+    background-color: #121212;
+  }
+
+  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
+    background-color: #121212;
+  }
+
+  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
+    background-color: #242424;
+  }
+
+  .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
+    background-color: #121212;
+  }
+
+  .tag:not(body) {
+    background-color: #242424;
+    color: #b5b5b5;
+  }
+
+  .tag:not(body).is-white {
+    background-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+
+  .tag:not(body).is-black {
+    background-color: black;
+    color: white;
+  }
+
+  .tag:not(body).is-light {
+    background-color: #dbdbdb;
+    color: #363636;
+  }
+
+  .tag:not(body).is-dark {
+    background-color: #1c1c1c;
+    color: whitesmoke;
+  }
+
+  .tag:not(body).is-primary {
+    background-color: #009e86;
+    color: #fff;
+  }
+
+  .tag:not(body).is-link {
+    background-color: #205bbc;
+    color: #fff;
+  }
+
+  .tag:not(body).is-info {
+    background-color: #0f81cc;
+    color: #fff;
+  }
+
+  .tag:not(body).is-success {
+    background-color: #1ca64c;
+    color: #fff;
+  }
+
+  .tag:not(body).is-warning {
+    background-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .tag:not(body).is-danger {
+    background-color: #ff0537;
+    color: #fff;
+  }
+
+  .tag:not(body).is-white-dark {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .tag:not(body).is-black-dark {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .tag:not(body).is-light-dark {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .tag:not(body).is-dark-dark {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .tag:not(body).is-primary-dark {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+
+  .tag:not(body).is-link-dark {
+    background-color: #3273dc;
+    color: #fff;
+  }
+
+  .tag:not(body).is-info-dark {
+    background-color: #209cee;
+    color: #fff;
+  }
+
+  .tag:not(body).is-success-dark {
+    background-color: #23d160;
+    color: #fff;
+  }
+
+  .tag:not(body).is-warning-dark {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .tag:not(body).is-danger-dark {
+    background-color: #ff3860;
+    color: #fff;
+  }
+
+  .tag:not(body).is-delete:hover,
+  .tag:not(body).is-delete:focus {
+    background-color: #171717;
+  }
+
+  .tag:not(body).is-delete:active {
+    background-color: #0a0a0a;
+  }
+
+  .title {
+    color: #dbdbdb;
+  }
+
+  .subtitle {
+    color: #b5b5b5;
+  }
+
+  .subtitle strong {
+    color: #dbdbdb;
+  }
+
+  .number {
+    background-color: #242424;
+  }
+
+  .breadcrumb a {
+    color: #5ea3e4;
+  }
+
+  .breadcrumb a:hover {
+    color: #dbdbdb;
+  }
+
+  .breadcrumb li.is-active a {
+    color: #dbdbdb;
+  }
+
+  .breadcrumb li+li::before {
+    color: #4a4a4a;
+  }
+
+  .card {
+    background-color: #0a0a0a;
+    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);
+    color: #b5b5b5;
+  }
+
+  .card-header {
+    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
+  }
+
+  .card-header-title {
+    color: #dbdbdb;
+  }
+
+  .card-footer {
+    border-top: 1px solid #363636;
+  }
+
+  .card-footer-item:not(:last-child) {
+    border-right: 1px solid #363636;
+  }
+
+  .dropdown-content {
+    background-color: #0a0a0a;
+    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);
+  }
+
+  .dropdown-item {
+    color: #b5b5b5;
+  }
+
+  a.dropdown-item:hover,
+  button.dropdown-item:hover {
+    background-color: #242424;
+    color: white;
+  }
+
+  a.dropdown-item.is-active,
+  button.dropdown-item.is-active {
+    background-color: #5ea3e4;
+    color: #fff;
+  }
+
+  .dropdown-divider {
+    background-color: #363636;
+  }
+
+  .list {
+    background-color: #0a0a0a;
+    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);
+  }
+
+  .list-item:not(a) {
+    color: #b5b5b5;
+  }
+
+  .list-item:not(:last-child) {
+    border-bottom: 1px solid #363636;
+  }
+
+  .list-item.is-active {
+    background-color: #5ea3e4;
+    color: #fff;
+  }
+
+  a.list-item {
+    background-color: #242424;
+  }
+
+  .media .media {
+    border-top: 1px solid rgba(54, 54, 54, 0.5);
+  }
+
+  .media+.media {
+    border-top: 1px solid rgba(54, 54, 54, 0.5);
+  }
+
+  .menu-list a {
+    color: #b5b5b5;
+  }
+
+  .menu-list a:hover {
+    background-color: #242424;
+    color: #dbdbdb;
+  }
+
+  .menu-list a.is-active {
+    background-color: #5ea3e4;
+    color: #fff;
+  }
+
+  .menu-list li ul {
+    border-left: 1px solid #363636;
+  }
+
+  .message {
+    background-color: #242424;
+  }
+
+  .message.is-white {
+    background-color: #242424;
+  }
+
+  .message.is-white .message-header {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .message.is-white .message-body {
+    border-color: white;
+    color: #b5b5b5;
+  }
+
+  .message.is-black {
+    background-color: #242424;
+  }
+
+  .message.is-black .message-header {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .message.is-black .message-body {
+    border-color: #0a0a0a;
+    color: #b5b5b5;
+  }
+
+  .message.is-light {
+    background-color: #242424;
+  }
+
+  .message.is-light .message-header {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .message.is-light .message-body {
+    border-color: whitesmoke;
+    color: #b5b5b5;
+  }
+
+  .message.is-dark {
+    background-color: #242424;
+  }
+
+  .message.is-dark .message-header {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .message.is-dark .message-body {
+    border-color: #363636;
+    color: #b5b5b5;
+  }
+
+  .message.is-primary {
+    background-color: #242424;
+  }
+
+  .message.is-primary .message-header {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+
+  .message.is-primary .message-body {
+    border-color: #00d1b2;
+    color: #b5b5b5;
+  }
+
+  .message.is-link {
+    background-color: #242424;
+  }
+
+  .message.is-link .message-header {
+    background-color: #3273dc;
+    color: #fff;
+  }
+
+  .message.is-link .message-body {
+    border-color: #3273dc;
+    color: #b5b5b5;
+  }
+
+  .message.is-info {
+    background-color: #242424;
+  }
+
+  .message.is-info .message-header {
+    background-color: #209cee;
+    color: #fff;
+  }
+
+  .message.is-info .message-body {
+    border-color: #209cee;
+    color: #b5b5b5;
+  }
+
+  .message.is-success {
+    background-color: #242424;
+  }
+
+  .message.is-success .message-header {
+    background-color: #23d160;
+    color: #fff;
+  }
+
+  .message.is-success .message-body {
+    border-color: #23d160;
+    color: #b5b5b5;
+  }
+
+  .message.is-warning {
+    background-color: #242424;
+  }
+
+  .message.is-warning .message-header {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .message.is-warning .message-body {
+    border-color: #ffdd57;
+    color: #b5b5b5;
+  }
+
+  .message.is-danger {
+    background-color: #242424;
+  }
+
+  .message.is-danger .message-header {
+    background-color: #ff3860;
+    color: #fff;
+  }
+
+  .message.is-danger .message-body {
+    border-color: #ff3860;
+    color: #b5b5b5;
+  }
+
+  .message.is-white-dark {
+    background-color: #242424;
+  }
+
+  .message.is-white-dark .message-header {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .message.is-white-dark .message-body {
+    border-color: white;
+    color: #b5b5b5;
+  }
+
+  .message.is-black-dark {
+    background-color: #242424;
+  }
+
+  .message.is-black-dark .message-header {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .message.is-black-dark .message-body {
+    border-color: #0a0a0a;
+    color: #b5b5b5;
+  }
+
+  .message.is-light-dark {
+    background-color: #242424;
+  }
+
+  .message.is-light-dark .message-header {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .message.is-light-dark .message-body {
+    border-color: whitesmoke;
+    color: #b5b5b5;
+  }
+
+  .message.is-dark-dark {
+    background-color: #242424;
+  }
+
+  .message.is-dark-dark .message-header {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .message.is-dark-dark .message-body {
+    border-color: #363636;
+    color: #b5b5b5;
+  }
+
+  .message.is-primary-dark {
+    background-color: #242424;
+  }
+
+  .message.is-primary-dark .message-header {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+
+  .message.is-primary-dark .message-body {
+    border-color: #00d1b2;
+    color: #b5b5b5;
+  }
+
+  .message.is-link-dark {
+    background-color: #242424;
+  }
+
+  .message.is-link-dark .message-header {
+    background-color: #3273dc;
+    color: #fff;
+  }
+
+  .message.is-link-dark .message-body {
+    border-color: #3273dc;
+    color: #b5b5b5;
+  }
+
+  .message.is-info-dark {
+    background-color: #242424;
+  }
+
+  .message.is-info-dark .message-header {
+    background-color: #209cee;
+    color: #fff;
+  }
+
+  .message.is-info-dark .message-body {
+    border-color: #209cee;
+    color: #b5b5b5;
+  }
+
+  .message.is-success-dark {
+    background-color: #242424;
+  }
+
+  .message.is-success-dark .message-header {
+    background-color: #23d160;
+    color: #fff;
+  }
+
+  .message.is-success-dark .message-body {
+    border-color: #23d160;
+    color: #b5b5b5;
+  }
+
+  .message.is-warning-dark {
+    background-color: #242424;
+  }
+
+  .message.is-warning-dark .message-header {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .message.is-warning-dark .message-body {
+    border-color: #ffdd57;
+    color: #b5b5b5;
+  }
+
+  .message.is-danger-dark {
+    background-color: #242424;
+  }
+
+  .message.is-danger-dark .message-header {
+    background-color: #ff3860;
+    color: #fff;
+  }
+
+  .message.is-danger-dark .message-body {
+    border-color: #ff3860;
+    color: #b5b5b5;
+  }
+
+  .message-header {
+    background-color: #b5b5b5;
+    color: #fff;
+  }
+
+  .message-body {
+    border-color: #363636;
+    color: #b5b5b5;
+  }
+
+  .message-body code,
+  .message-body pre {
+    background-color: #0a0a0a;
+  }
+
+  .modal-background {
+    background-color: rgba(255, 255, 255, 0.86);
+  }
+
+  .modal-card-head,
+  .modal-card-foot {
+    background-color: #242424;
+  }
+
+  .modal-card-head {
+    border-bottom: 1px solid #363636;
+  }
+
+  .modal-card-title {
+    color: #dbdbdb;
+  }
+
+  .modal-card-foot {
+    border-top: 1px solid #363636;
+  }
+
+  .modal-card-body {
+    -webkit-overflow-scrolling: touch;
+    background-color: white;
+  }
+
+  .navbar {
+    background-color: #17181c;
+  }
+
+  .navbar.is-white {
+    background-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-brand>.navbar-item,
+  .navbar.is-white .navbar-brand .navbar-link {
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-brand>a.navbar-item:hover,
+  .navbar.is-white .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-white .navbar-brand .navbar-link:hover,
+  .navbar.is-white .navbar-brand .navbar-link.is-active {
+    background-color: #d9d9d9;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-brand .navbar-link::after {
+    border-color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-burger {
+    color: #0a0a0a;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-white .navbar-start>.navbar-item,
+  .navbar.is-white .navbar-start .navbar-link,
+  .navbar.is-white .navbar-end>.navbar-item,
+  .navbar.is-white .navbar-end .navbar-link {
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-start>a.navbar-item:hover,
+  .navbar.is-white .navbar-start>a.navbar-item.is-active,
+  .navbar.is-white .navbar-start .navbar-link:hover,
+  .navbar.is-white .navbar-start .navbar-link.is-active,
+  .navbar.is-white .navbar-end>a.navbar-item:hover,
+  .navbar.is-white .navbar-end>a.navbar-item.is-active,
+  .navbar.is-white .navbar-end .navbar-link:hover,
+  .navbar.is-white .navbar-end .navbar-link.is-active {
+    background-color: #d9d9d9;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-start .navbar-link::after,
+  .navbar.is-white .navbar-end .navbar-link::after {
+    border-color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #d9d9d9;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
+    background-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-black {
+    background-color: black;
+    color: white;
+  }
+
+  .navbar.is-black .navbar-brand>.navbar-item,
+  .navbar.is-black .navbar-brand .navbar-link {
+    color: white;
+  }
+
+  .navbar.is-black .navbar-brand>a.navbar-item:hover,
+  .navbar.is-black .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-black .navbar-brand .navbar-link:hover,
+  .navbar.is-black .navbar-brand .navbar-link.is-active {
+    background-color: black;
+    color: white;
+  }
+
+  .navbar.is-black .navbar-brand .navbar-link::after {
+    border-color: white;
+  }
+
+  .navbar.is-black .navbar-burger {
+    color: white;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-black .navbar-start>.navbar-item,
+  .navbar.is-black .navbar-start .navbar-link,
+  .navbar.is-black .navbar-end>.navbar-item,
+  .navbar.is-black .navbar-end .navbar-link {
+    color: white;
+  }
+
+  .navbar.is-black .navbar-start>a.navbar-item:hover,
+  .navbar.is-black .navbar-start>a.navbar-item.is-active,
+  .navbar.is-black .navbar-start .navbar-link:hover,
+  .navbar.is-black .navbar-start .navbar-link.is-active,
+  .navbar.is-black .navbar-end>a.navbar-item:hover,
+  .navbar.is-black .navbar-end>a.navbar-item.is-active,
+  .navbar.is-black .navbar-end .navbar-link:hover,
+  .navbar.is-black .navbar-end .navbar-link.is-active {
+    background-color: black;
+    color: white;
+  }
+
+  .navbar.is-black .navbar-start .navbar-link::after,
+  .navbar.is-black .navbar-end .navbar-link::after {
+    border-color: white;
+  }
+
+  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: black;
+    color: white;
+  }
+
+  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
+    background-color: black;
+    color: white;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-light {
+    background-color: #dbdbdb;
+    color: #363636;
+  }
+
+  .navbar.is-light .navbar-brand>.navbar-item,
+  .navbar.is-light .navbar-brand .navbar-link {
+    color: #363636;
+  }
+
+  .navbar.is-light .navbar-brand>a.navbar-item:hover,
+  .navbar.is-light .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-light .navbar-brand .navbar-link:hover,
+  .navbar.is-light .navbar-brand .navbar-link.is-active {
+    background-color: #cfcfcf;
+    color: #363636;
+  }
+
+  .navbar.is-light .navbar-brand .navbar-link::after {
+    border-color: #363636;
+  }
+
+  .navbar.is-light .navbar-burger {
+    color: #363636;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-light .navbar-start>.navbar-item,
+  .navbar.is-light .navbar-start .navbar-link,
+  .navbar.is-light .navbar-end>.navbar-item,
+  .navbar.is-light .navbar-end .navbar-link {
+    color: #363636;
+  }
+
+  .navbar.is-light .navbar-start>a.navbar-item:hover,
+  .navbar.is-light .navbar-start>a.navbar-item.is-active,
+  .navbar.is-light .navbar-start .navbar-link:hover,
+  .navbar.is-light .navbar-start .navbar-link.is-active,
+  .navbar.is-light .navbar-end>a.navbar-item:hover,
+  .navbar.is-light .navbar-end>a.navbar-item.is-active,
+  .navbar.is-light .navbar-end .navbar-link:hover,
+  .navbar.is-light .navbar-end .navbar-link.is-active {
+    background-color: #cfcfcf;
+    color: #363636;
+  }
+
+  .navbar.is-light .navbar-start .navbar-link::after,
+  .navbar.is-light .navbar-end .navbar-link::after {
+    border-color: #363636;
+  }
+
+  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #cfcfcf;
+    color: #363636;
+  }
+
+  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
+    background-color: #dbdbdb;
+    color: #363636;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-dark {
+    background-color: #1c1c1c;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-brand>.navbar-item,
+  .navbar.is-dark .navbar-brand .navbar-link {
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-dark .navbar-brand .navbar-link.is-active {
+    background-color: #0f0f0f;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-brand .navbar-link::after {
+    border-color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-burger {
+    color: whitesmoke;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-dark .navbar-start>.navbar-item,
+  .navbar.is-dark .navbar-start .navbar-link,
+  .navbar.is-dark .navbar-end>.navbar-item,
+  .navbar.is-dark .navbar-end .navbar-link {
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-dark .navbar-start .navbar-link:hover,
+  .navbar.is-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-dark .navbar-end .navbar-link:hover,
+  .navbar.is-dark .navbar-end .navbar-link.is-active {
+    background-color: #0f0f0f;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-start .navbar-link::after,
+  .navbar.is-dark .navbar-end .navbar-link::after {
+    border-color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #0f0f0f;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #1c1c1c;
+    color: whitesmoke;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-primary {
+    background-color: #009e86;
+    color: #fff;
+  }
+
+  .navbar.is-primary .navbar-brand>.navbar-item,
+  .navbar.is-primary .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-primary .navbar-brand>a.navbar-item:hover,
+  .navbar.is-primary .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-primary .navbar-brand .navbar-link:hover,
+  .navbar.is-primary .navbar-brand .navbar-link.is-active {
+    background-color: #008571;
+    color: #fff;
+  }
+
+  .navbar.is-primary .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-primary .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-primary .navbar-start>.navbar-item,
+  .navbar.is-primary .navbar-start .navbar-link,
+  .navbar.is-primary .navbar-end>.navbar-item,
+  .navbar.is-primary .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-primary .navbar-start>a.navbar-item:hover,
+  .navbar.is-primary .navbar-start>a.navbar-item.is-active,
+  .navbar.is-primary .navbar-start .navbar-link:hover,
+  .navbar.is-primary .navbar-start .navbar-link.is-active,
+  .navbar.is-primary .navbar-end>a.navbar-item:hover,
+  .navbar.is-primary .navbar-end>a.navbar-item.is-active,
+  .navbar.is-primary .navbar-end .navbar-link:hover,
+  .navbar.is-primary .navbar-end .navbar-link.is-active {
+    background-color: #008571;
+    color: #fff;
+  }
+
+  .navbar.is-primary .navbar-start .navbar-link::after,
+  .navbar.is-primary .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #008571;
+    color: #fff;
+  }
+
+  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
+    background-color: #009e86;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-link {
+    background-color: #205bbc;
+    color: #fff;
+  }
+
+  .navbar.is-link .navbar-brand>.navbar-item,
+  .navbar.is-link .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-link .navbar-brand>a.navbar-item:hover,
+  .navbar.is-link .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-link .navbar-brand .navbar-link:hover,
+  .navbar.is-link .navbar-brand .navbar-link.is-active {
+    background-color: #1c51a6;
+    color: #fff;
+  }
+
+  .navbar.is-link .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-link .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-link .navbar-start>.navbar-item,
+  .navbar.is-link .navbar-start .navbar-link,
+  .navbar.is-link .navbar-end>.navbar-item,
+  .navbar.is-link .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-link .navbar-start>a.navbar-item:hover,
+  .navbar.is-link .navbar-start>a.navbar-item.is-active,
+  .navbar.is-link .navbar-start .navbar-link:hover,
+  .navbar.is-link .navbar-start .navbar-link.is-active,
+  .navbar.is-link .navbar-end>a.navbar-item:hover,
+  .navbar.is-link .navbar-end>a.navbar-item.is-active,
+  .navbar.is-link .navbar-end .navbar-link:hover,
+  .navbar.is-link .navbar-end .navbar-link.is-active {
+    background-color: #1c51a6;
+    color: #fff;
+  }
+
+  .navbar.is-link .navbar-start .navbar-link::after,
+  .navbar.is-link .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #1c51a6;
+    color: #fff;
+  }
+
+  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
+    background-color: #205bbc;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-info {
+    background-color: #0f81cc;
+    color: #fff;
+  }
+
+  .navbar.is-info .navbar-brand>.navbar-item,
+  .navbar.is-info .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-info .navbar-brand>a.navbar-item:hover,
+  .navbar.is-info .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-info .navbar-brand .navbar-link:hover,
+  .navbar.is-info .navbar-brand .navbar-link.is-active {
+    background-color: #0e72b4;
+    color: #fff;
+  }
+
+  .navbar.is-info .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-info .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-info .navbar-start>.navbar-item,
+  .navbar.is-info .navbar-start .navbar-link,
+  .navbar.is-info .navbar-end>.navbar-item,
+  .navbar.is-info .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-info .navbar-start>a.navbar-item:hover,
+  .navbar.is-info .navbar-start>a.navbar-item.is-active,
+  .navbar.is-info .navbar-start .navbar-link:hover,
+  .navbar.is-info .navbar-start .navbar-link.is-active,
+  .navbar.is-info .navbar-end>a.navbar-item:hover,
+  .navbar.is-info .navbar-end>a.navbar-item.is-active,
+  .navbar.is-info .navbar-end .navbar-link:hover,
+  .navbar.is-info .navbar-end .navbar-link.is-active {
+    background-color: #0e72b4;
+    color: #fff;
+  }
+
+  .navbar.is-info .navbar-start .navbar-link::after,
+  .navbar.is-info .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #0e72b4;
+    color: #fff;
+  }
+
+  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
+    background-color: #0f81cc;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-success {
+    background-color: #1ca64c;
+    color: #fff;
+  }
+
+  .navbar.is-success .navbar-brand>.navbar-item,
+  .navbar.is-success .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-success .navbar-brand>a.navbar-item:hover,
+  .navbar.is-success .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-success .navbar-brand .navbar-link:hover,
+  .navbar.is-success .navbar-brand .navbar-link.is-active {
+    background-color: #189042;
+    color: #fff;
+  }
+
+  .navbar.is-success .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-success .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-success .navbar-start>.navbar-item,
+  .navbar.is-success .navbar-start .navbar-link,
+  .navbar.is-success .navbar-end>.navbar-item,
+  .navbar.is-success .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-success .navbar-start>a.navbar-item:hover,
+  .navbar.is-success .navbar-start>a.navbar-item.is-active,
+  .navbar.is-success .navbar-start .navbar-link:hover,
+  .navbar.is-success .navbar-start .navbar-link.is-active,
+  .navbar.is-success .navbar-end>a.navbar-item:hover,
+  .navbar.is-success .navbar-end>a.navbar-item.is-active,
+  .navbar.is-success .navbar-end .navbar-link:hover,
+  .navbar.is-success .navbar-end .navbar-link.is-active {
+    background-color: #189042;
+    color: #fff;
+  }
+
+  .navbar.is-success .navbar-start .navbar-link::after,
+  .navbar.is-success .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #189042;
+    color: #fff;
+  }
+
+  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
+    background-color: #1ca64c;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-warning {
+    background-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-brand>.navbar-item,
+  .navbar.is-warning .navbar-brand .navbar-link {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-brand>a.navbar-item:hover,
+  .navbar.is-warning .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-warning .navbar-brand .navbar-link:hover,
+  .navbar.is-warning .navbar-brand .navbar-link.is-active {
+    background-color: #ffce0a;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-brand .navbar-link::after {
+    border-color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-burger {
+    color: rgba(0, 0, 0, 0.7);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-warning .navbar-start>.navbar-item,
+  .navbar.is-warning .navbar-start .navbar-link,
+  .navbar.is-warning .navbar-end>.navbar-item,
+  .navbar.is-warning .navbar-end .navbar-link {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-start>a.navbar-item:hover,
+  .navbar.is-warning .navbar-start>a.navbar-item.is-active,
+  .navbar.is-warning .navbar-start .navbar-link:hover,
+  .navbar.is-warning .navbar-start .navbar-link.is-active,
+  .navbar.is-warning .navbar-end>a.navbar-item:hover,
+  .navbar.is-warning .navbar-end>a.navbar-item.is-active,
+  .navbar.is-warning .navbar-end .navbar-link:hover,
+  .navbar.is-warning .navbar-end .navbar-link.is-active {
+    background-color: #ffce0a;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-start .navbar-link::after,
+  .navbar.is-warning .navbar-end .navbar-link::after {
+    border-color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #ffce0a;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
+    background-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-danger {
+    background-color: #ff0537;
+    color: #fff;
+  }
+
+  .navbar.is-danger .navbar-brand>.navbar-item,
+  .navbar.is-danger .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-danger .navbar-brand>a.navbar-item:hover,
+  .navbar.is-danger .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-danger .navbar-brand .navbar-link:hover,
+  .navbar.is-danger .navbar-brand .navbar-link.is-active {
+    background-color: #eb002f;
+    color: #fff;
+  }
+
+  .navbar.is-danger .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-danger .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-danger .navbar-start>.navbar-item,
+  .navbar.is-danger .navbar-start .navbar-link,
+  .navbar.is-danger .navbar-end>.navbar-item,
+  .navbar.is-danger .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-danger .navbar-start>a.navbar-item:hover,
+  .navbar.is-danger .navbar-start>a.navbar-item.is-active,
+  .navbar.is-danger .navbar-start .navbar-link:hover,
+  .navbar.is-danger .navbar-start .navbar-link.is-active,
+  .navbar.is-danger .navbar-end>a.navbar-item:hover,
+  .navbar.is-danger .navbar-end>a.navbar-item.is-active,
+  .navbar.is-danger .navbar-end .navbar-link:hover,
+  .navbar.is-danger .navbar-end .navbar-link.is-active {
+    background-color: #eb002f;
+    color: #fff;
+  }
+
+  .navbar.is-danger .navbar-start .navbar-link::after,
+  .navbar.is-danger .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #eb002f;
+    color: #fff;
+  }
+
+  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
+    background-color: #ff0537;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-white-dark {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-brand>.navbar-item,
+  .navbar.is-white-dark .navbar-brand .navbar-link {
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-white-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-white-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-white-dark .navbar-brand .navbar-link.is-active {
+    background-color: #f2f2f2;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-brand .navbar-link::after {
+    border-color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-burger {
+    color: #0a0a0a;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-white-dark .navbar-start>.navbar-item,
+  .navbar.is-white-dark .navbar-start .navbar-link,
+  .navbar.is-white-dark .navbar-end>.navbar-item,
+  .navbar.is-white-dark .navbar-end .navbar-link {
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-white-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-white-dark .navbar-start .navbar-link:hover,
+  .navbar.is-white-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-white-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-white-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-white-dark .navbar-end .navbar-link:hover,
+  .navbar.is-white-dark .navbar-end .navbar-link.is-active {
+    background-color: #f2f2f2;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-start .navbar-link::after,
+  .navbar.is-white-dark .navbar-end .navbar-link::after {
+    border-color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-white-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #f2f2f2;
+    color: #0a0a0a;
+  }
+
+  .navbar.is-white-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: white;
+    color: #0a0a0a;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-black-dark {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .navbar.is-black-dark .navbar-brand>.navbar-item,
+  .navbar.is-black-dark .navbar-brand .navbar-link {
+    color: white;
+  }
+
+  .navbar.is-black-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-black-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-black-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-black-dark .navbar-brand .navbar-link.is-active {
+    background-color: black;
+    color: white;
+  }
+
+  .navbar.is-black-dark .navbar-brand .navbar-link::after {
+    border-color: white;
+  }
+
+  .navbar.is-black-dark .navbar-burger {
+    color: white;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-black-dark .navbar-start>.navbar-item,
+  .navbar.is-black-dark .navbar-start .navbar-link,
+  .navbar.is-black-dark .navbar-end>.navbar-item,
+  .navbar.is-black-dark .navbar-end .navbar-link {
+    color: white;
+  }
+
+  .navbar.is-black-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-black-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-black-dark .navbar-start .navbar-link:hover,
+  .navbar.is-black-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-black-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-black-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-black-dark .navbar-end .navbar-link:hover,
+  .navbar.is-black-dark .navbar-end .navbar-link.is-active {
+    background-color: black;
+    color: white;
+  }
+
+  .navbar.is-black-dark .navbar-start .navbar-link::after,
+  .navbar.is-black-dark .navbar-end .navbar-link::after {
+    border-color: white;
+  }
+
+  .navbar.is-black-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-black-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: black;
+    color: white;
+  }
+
+  .navbar.is-black-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #0a0a0a;
+    color: white;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-light-dark {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-brand>.navbar-item,
+  .navbar.is-light-dark .navbar-brand .navbar-link {
+    color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-light-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-light-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-light-dark .navbar-brand .navbar-link.is-active {
+    background-color: #e8e8e8;
+    color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-brand .navbar-link::after {
+    border-color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-burger {
+    color: #363636;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-light-dark .navbar-start>.navbar-item,
+  .navbar.is-light-dark .navbar-start .navbar-link,
+  .navbar.is-light-dark .navbar-end>.navbar-item,
+  .navbar.is-light-dark .navbar-end .navbar-link {
+    color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-light-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-light-dark .navbar-start .navbar-link:hover,
+  .navbar.is-light-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-light-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-light-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-light-dark .navbar-end .navbar-link:hover,
+  .navbar.is-light-dark .navbar-end .navbar-link.is-active {
+    background-color: #e8e8e8;
+    color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-start .navbar-link::after,
+  .navbar.is-light-dark .navbar-end .navbar-link::after {
+    border-color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-light-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #e8e8e8;
+    color: #363636;
+  }
+
+  .navbar.is-light-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-dark-dark {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-brand>.navbar-item,
+  .navbar.is-dark-dark .navbar-brand .navbar-link {
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-dark-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-dark-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-dark-dark .navbar-brand .navbar-link.is-active {
+    background-color: #292929;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-brand .navbar-link::after {
+    border-color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-burger {
+    color: whitesmoke;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-dark-dark .navbar-start>.navbar-item,
+  .navbar.is-dark-dark .navbar-start .navbar-link,
+  .navbar.is-dark-dark .navbar-end>.navbar-item,
+  .navbar.is-dark-dark .navbar-end .navbar-link {
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-dark-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-dark-dark .navbar-start .navbar-link:hover,
+  .navbar.is-dark-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-dark-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-dark-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-dark-dark .navbar-end .navbar-link:hover,
+  .navbar.is-dark-dark .navbar-end .navbar-link.is-active {
+    background-color: #292929;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-start .navbar-link::after,
+  .navbar.is-dark-dark .navbar-end .navbar-link::after {
+    border-color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-dark-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #292929;
+    color: whitesmoke;
+  }
+
+  .navbar.is-dark-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-primary-dark {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-brand>.navbar-item,
+  .navbar.is-primary-dark .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-primary-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-primary-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-primary-dark .navbar-brand .navbar-link.is-active {
+    background-color: #00b89c;
+    color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-primary-dark .navbar-start>.navbar-item,
+  .navbar.is-primary-dark .navbar-start .navbar-link,
+  .navbar.is-primary-dark .navbar-end>.navbar-item,
+  .navbar.is-primary-dark .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-primary-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-primary-dark .navbar-start .navbar-link:hover,
+  .navbar.is-primary-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-primary-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-primary-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-primary-dark .navbar-end .navbar-link:hover,
+  .navbar.is-primary-dark .navbar-end .navbar-link.is-active {
+    background-color: #00b89c;
+    color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-start .navbar-link::after,
+  .navbar.is-primary-dark .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-primary-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #00b89c;
+    color: #fff;
+  }
+
+  .navbar.is-primary-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-link-dark {
+    background-color: #3273dc;
+    color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-brand>.navbar-item,
+  .navbar.is-link-dark .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-link-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-link-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-link-dark .navbar-brand .navbar-link.is-active {
+    background-color: #2366d1;
+    color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-link-dark .navbar-start>.navbar-item,
+  .navbar.is-link-dark .navbar-start .navbar-link,
+  .navbar.is-link-dark .navbar-end>.navbar-item,
+  .navbar.is-link-dark .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-link-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-link-dark .navbar-start .navbar-link:hover,
+  .navbar.is-link-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-link-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-link-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-link-dark .navbar-end .navbar-link:hover,
+  .navbar.is-link-dark .navbar-end .navbar-link.is-active {
+    background-color: #2366d1;
+    color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-start .navbar-link::after,
+  .navbar.is-link-dark .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-link-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #2366d1;
+    color: #fff;
+  }
+
+  .navbar.is-link-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #3273dc;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-info-dark {
+    background-color: #209cee;
+    color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-brand>.navbar-item,
+  .navbar.is-info-dark .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-info-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-info-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-info-dark .navbar-brand .navbar-link.is-active {
+    background-color: #118fe4;
+    color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-info-dark .navbar-start>.navbar-item,
+  .navbar.is-info-dark .navbar-start .navbar-link,
+  .navbar.is-info-dark .navbar-end>.navbar-item,
+  .navbar.is-info-dark .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-info-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-info-dark .navbar-start .navbar-link:hover,
+  .navbar.is-info-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-info-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-info-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-info-dark .navbar-end .navbar-link:hover,
+  .navbar.is-info-dark .navbar-end .navbar-link.is-active {
+    background-color: #118fe4;
+    color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-start .navbar-link::after,
+  .navbar.is-info-dark .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-info-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #118fe4;
+    color: #fff;
+  }
+
+  .navbar.is-info-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #209cee;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-success-dark {
+    background-color: #23d160;
+    color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-brand>.navbar-item,
+  .navbar.is-success-dark .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-success-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-success-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-success-dark .navbar-brand .navbar-link.is-active {
+    background-color: #20bc56;
+    color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-success-dark .navbar-start>.navbar-item,
+  .navbar.is-success-dark .navbar-start .navbar-link,
+  .navbar.is-success-dark .navbar-end>.navbar-item,
+  .navbar.is-success-dark .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-success-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-success-dark .navbar-start .navbar-link:hover,
+  .navbar.is-success-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-success-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-success-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-success-dark .navbar-end .navbar-link:hover,
+  .navbar.is-success-dark .navbar-end .navbar-link.is-active {
+    background-color: #20bc56;
+    color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-start .navbar-link::after,
+  .navbar.is-success-dark .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-success-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #20bc56;
+    color: #fff;
+  }
+
+  .navbar.is-success-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #23d160;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-warning-dark {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-brand>.navbar-item,
+  .navbar.is-warning-dark .navbar-brand .navbar-link {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-warning-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-warning-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-warning-dark .navbar-brand .navbar-link.is-active {
+    background-color: #ffd83d;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-brand .navbar-link::after {
+    border-color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-burger {
+    color: rgba(0, 0, 0, 0.7);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-warning-dark .navbar-start>.navbar-item,
+  .navbar.is-warning-dark .navbar-start .navbar-link,
+  .navbar.is-warning-dark .navbar-end>.navbar-item,
+  .navbar.is-warning-dark .navbar-end .navbar-link {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-warning-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-warning-dark .navbar-start .navbar-link:hover,
+  .navbar.is-warning-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-warning-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-warning-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-warning-dark .navbar-end .navbar-link:hover,
+  .navbar.is-warning-dark .navbar-end .navbar-link.is-active {
+    background-color: #ffd83d;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-start .navbar-link::after,
+  .navbar.is-warning-dark .navbar-end .navbar-link::after {
+    border-color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-warning-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #ffd83d;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .navbar.is-warning-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.is-danger-dark {
+    background-color: #ff3860;
+    color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-brand>.navbar-item,
+  .navbar.is-danger-dark .navbar-brand .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-brand>a.navbar-item:hover,
+  .navbar.is-danger-dark .navbar-brand>a.navbar-item.is-active,
+  .navbar.is-danger-dark .navbar-brand .navbar-link:hover,
+  .navbar.is-danger-dark .navbar-brand .navbar-link.is-active {
+    background-color: #ff1f4b;
+    color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-brand .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-burger {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+
+  .navbar.is-danger-dark .navbar-start>.navbar-item,
+  .navbar.is-danger-dark .navbar-start .navbar-link,
+  .navbar.is-danger-dark .navbar-end>.navbar-item,
+  .navbar.is-danger-dark .navbar-end .navbar-link {
+    color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-start>a.navbar-item:hover,
+  .navbar.is-danger-dark .navbar-start>a.navbar-item.is-active,
+  .navbar.is-danger-dark .navbar-start .navbar-link:hover,
+  .navbar.is-danger-dark .navbar-start .navbar-link.is-active,
+  .navbar.is-danger-dark .navbar-end>a.navbar-item:hover,
+  .navbar.is-danger-dark .navbar-end>a.navbar-item.is-active,
+  .navbar.is-danger-dark .navbar-end .navbar-link:hover,
+  .navbar.is-danger-dark .navbar-end .navbar-link.is-active {
+    background-color: #ff1f4b;
+    color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-start .navbar-link::after,
+  .navbar.is-danger-dark .navbar-end .navbar-link::after {
+    border-color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar.is-danger-dark .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #ff1f4b;
+    color: #fff;
+  }
+
+  .navbar.is-danger-dark .navbar-dropdown a.navbar-item.is-active {
+    background-color: #ff3860;
+    color: #fff;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .navbar.has-shadow {
+    box-shadow: 0 2px 0 0 #242424;
+  }
+
+  .navbar.is-fixed-bottom.has-shadow {
+    box-shadow: 0 -2px 0 0 #242424;
+  }
+
+  .navbar-burger {
+    color: #b5b5b5;
+  }
+
+  .navbar-item,
+  .navbar-link {
+    color: #b5b5b5;
+  }
+
+  a.navbar-item:hover,
+  a.navbar-item.is-active,
+  .navbar-link:hover,
+  .navbar-link.is-active {
+    background-color: #121212;
+    color: #5ea3e4;
+  }
+
+  .navbar-item:hover {
+    border-bottom-color: #5ea3e4;
+  }
+
+  .navbar-item.is-active {
+    border-bottom-color: #5ea3e4;
+    color: #5ea3e4;
+  }
+
+  .navbar-link:not(.is-arrowless)::after {
+    border-color: #5ea3e4;
+  }
+
+  .navbar-divider {
+    background-color: #242424;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .navbar-menu {
+    background-color: #17181c;
+    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.1);
+  }
+
+  .navbar.is-fixed-bottom-touch.has-shadow {
+    box-shadow: 0 -2px 3px rgba(255, 255, 255, 0.1);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) {
+  .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
+    background-color: #242424;
+    color: white;
+  }
+
+  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
+    background-color: #242424;
+    color: #5ea3e4;
+  }
+
+  .navbar-item.has-dropdown-up .navbar-dropdown {
+    border-bottom: 2px solid #363636;
+    box-shadow: 0 -8px 8px rgba(255, 255, 255, 0.1);
+  }
+
+  .navbar-dropdown {
+    background-color: #0a0a0a;
+    border-top: 2px solid #363636;
+    box-shadow: 0 8px 8px rgba(255, 255, 255, 0.1);
+  }
+
+  .navbar-dropdown a.navbar-item:hover {
+    background-color: #242424;
+    color: white;
+  }
+
+  .navbar-dropdown a.navbar-item.is-active {
+    background-color: #242424;
+    color: #5ea3e4;
+  }
+
+  .navbar.is-spaced .navbar-dropdown,
+  .navbar-dropdown.is-boxed {
+    box-shadow: 0 8px 8px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);
+  }
+
+  .navbar.is-fixed-bottom-desktop.has-shadow {
+    box-shadow: 0 -2px 3px rgba(255, 255, 255, 0.1);
+  }
+
+  a.navbar-item.is-active,
+  .navbar-link.is-active {
+    color: white;
+  }
+
+  .navbar-item.has-dropdown:hover .navbar-link,
+  .navbar-item.has-dropdown.is-active .navbar-link {
+    background-color: #121212;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .pagination-previous,
+  .pagination-next,
+  .pagination-link {
+    border-color: #363636;
+    color: #dbdbdb;
+  }
+
+  .pagination-previous:hover,
+  .pagination-next:hover,
+  .pagination-link:hover {
+    border-color: #4a4a4a;
+    color: #dbdbdb;
+  }
+
+  .pagination-previous:focus,
+  .pagination-next:focus,
+  .pagination-link:focus {
+    border-color: #5ea3e4;
+  }
+
+  .pagination-previous:active,
+  .pagination-next:active,
+  .pagination-link:active {
+    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2);
+  }
+
+  .pagination-previous[disabled],
+  .pagination-next[disabled],
+  .pagination-link[disabled] {
+    background-color: #363636;
+    border-color: #363636;
+    color: #7a7a7a;
+  }
+
+  .pagination-link.is-current {
+    background-color: #5ea3e4;
+    border-color: #5ea3e4;
+    color: #fff;
+  }
+
+  .pagination-ellipsis {
+    color: #4a4a4a;
+  }
+
+  .panel-heading,
+  .panel-tabs,
+  .panel-block {
+    border-bottom: 1px solid #363636;
+    border-left: 1px solid #363636;
+    border-right: 1px solid #363636;
+  }
+
+  .panel-heading:first-child,
+  .panel-tabs:first-child,
+  .panel-block:first-child {
+    border-top: 1px solid #363636;
+  }
+
+  .panel-heading {
+    background-color: #242424;
+    color: #dbdbdb;
+  }
+
+  .panel-tabs a {
+    border-bottom: 1px solid #363636;
+  }
+
+  .panel-tabs a.is-active {
+    border-bottom-color: #b5b5b5;
+    color: #dbdbdb;
+  }
+
+  .panel-list a {
+    color: #b5b5b5;
+  }
+
+  .panel-list a:hover {
+    color: #5ea3e4;
+  }
+
+  .panel-block {
+    color: #dbdbdb;
+  }
+
+  .panel-block.is-active {
+    border-left-color: #5ea3e4;
+    color: #dbdbdb;
+  }
+
+  .panel-block.is-active .panel-icon {
+    color: #5ea3e4;
+  }
+
+  a.panel-block:hover,
+  label.panel-block:hover {
+    background-color: #242424;
+  }
+
+  .tabs a {
+    border-bottom-color: #363636;
+    color: #b5b5b5;
+  }
+
+  .tabs a:hover {
+    border-bottom-color: #dbdbdb;
+    color: #dbdbdb;
+  }
+
+  .tabs li.is-active a {
+    border-bottom-color: #5ea3e4;
+    color: #5ea3e4;
+  }
+
+  .tabs ul {
+    border-bottom-color: #363636;
+  }
+
+  .tabs.is-boxed a:hover {
+    background-color: #242424;
+    border-bottom-color: #363636;
+  }
+
+  .tabs.is-boxed li.is-active a {
+    background-color: #0a0a0a;
+    border-color: #363636;
+  }
+
+  .tabs.is-toggle a {
+    border-color: #363636;
+  }
+
+  .tabs.is-toggle a:hover {
+    background-color: #242424;
+    border-color: #4a4a4a;
+  }
+
+  .tabs.is-toggle li.is-active a {
+    background-color: #5ea3e4;
+    border-color: #5ea3e4;
+    color: #fff;
+  }
+
+  .hero.is-white,
+  .hero.is-white-dark {
+    background-color: #e6e6e6;
+    color: #0a0a0a;
+  }
+
+  .hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-white strong,
+  .hero.is-white-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-white-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-white .title,
+  .hero.is-white-dark .title {
+    color: #0a0a0a;
+  }
+
+  .hero.is-white .subtitle,
+  .hero.is-white-dark .subtitle {
+    color: rgba(10, 10, 10, 0.9);
+  }
+
+  .hero.is-white .subtitle a:not(.button),
+  .hero.is-white .subtitle strong,
+  .hero.is-white-dark .subtitle a:not(.button),
+  .hero.is-white-dark .subtitle strong {
+    color: #0a0a0a;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-white .navbar-menu,
+  .hero.is-white-dark .navbar-menu {
+    background-color: #e6e6e6;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-white .navbar-item,
+  .hero.is-white .navbar-link,
+  .hero.is-white-dark .navbar-item,
+  .hero.is-white-dark .navbar-link {
+    color: rgba(10, 10, 10, 0.7);
+  }
+
+  .hero.is-white a.navbar-item:hover,
+  .hero.is-white a.navbar-item.is-active,
+  .hero.is-white .navbar-link:hover,
+  .hero.is-white .navbar-link.is-active,
+  .hero.is-white-dark a.navbar-item:hover,
+  .hero.is-white-dark a.navbar-item.is-active,
+  .hero.is-white-dark .navbar-link:hover,
+  .hero.is-white-dark .navbar-link.is-active {
+    background-color: #d9d9d9;
+    color: #0a0a0a;
+  }
+
+  .hero.is-white .tabs a,
+  .hero.is-white-dark .tabs a {
+    color: #0a0a0a;
+    opacity: 0.9;
+  }
+
+  .hero.is-white .tabs a:hover,
+  .hero.is-white-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-white .tabs li.is-active a,
+  .hero.is-white-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-white .tabs.is-boxed a,
+  .hero.is-white .tabs.is-toggle a,
+  .hero.is-white-dark .tabs.is-boxed a,
+  .hero.is-white-dark .tabs.is-toggle a {
+    color: #0a0a0a;
+  }
+
+  .hero.is-white .tabs.is-boxed a:hover,
+  .hero.is-white .tabs.is-toggle a:hover,
+  .hero.is-white-dark .tabs.is-boxed a:hover,
+  .hero.is-white-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-white .tabs.is-boxed li.is-active a,
+  .hero.is-white .tabs.is-boxed li.is-active a:hover,
+  .hero.is-white .tabs.is-toggle li.is-active a,
+  .hero.is-white .tabs.is-toggle li.is-active a:hover,
+  .hero.is-white-dark .tabs.is-boxed li.is-active a,
+  .hero.is-white-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-white-dark .tabs.is-toggle li.is-active a,
+  .hero.is-white-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #0a0a0a;
+    border-color: #0a0a0a;
+    color: #e6e6e6;
+  }
+
+  .hero.is-white.is-bold,
+  .hero.is-white-dark.is-bold {
+    background-image: linear-gradient(141deg, #d1c7c9 0%, #e6e6e6 71%, #f3f2f2 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-white.is-bold .navbar-menu,
+  .hero.is-white-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #d1c7c9 0%, #e6e6e6 71%, #f3f2f2 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-black,
+  .hero.is-black-dark {
+    background-color: black;
+    color: white;
+  }
+
+  .hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-black strong,
+  .hero.is-black-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-black-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-black .title,
+  .hero.is-black-dark .title {
+    color: white;
+  }
+
+  .hero.is-black .subtitle,
+  .hero.is-black-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-black .subtitle a:not(.button),
+  .hero.is-black .subtitle strong,
+  .hero.is-black-dark .subtitle a:not(.button),
+  .hero.is-black-dark .subtitle strong {
+    color: white;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-black .navbar-menu,
+  .hero.is-black-dark .navbar-menu {
+    background-color: black;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-black .navbar-item,
+  .hero.is-black .navbar-link,
+  .hero.is-black-dark .navbar-item,
+  .hero.is-black-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-black a.navbar-item:hover,
+  .hero.is-black a.navbar-item.is-active,
+  .hero.is-black .navbar-link:hover,
+  .hero.is-black .navbar-link.is-active,
+  .hero.is-black-dark a.navbar-item:hover,
+  .hero.is-black-dark a.navbar-item.is-active,
+  .hero.is-black-dark .navbar-link:hover,
+  .hero.is-black-dark .navbar-link.is-active {
+    background-color: black;
+    color: white;
+  }
+
+  .hero.is-black .tabs a,
+  .hero.is-black-dark .tabs a {
+    color: white;
+    opacity: 0.9;
+  }
+
+  .hero.is-black .tabs a:hover,
+  .hero.is-black-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-black .tabs li.is-active a,
+  .hero.is-black-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-black .tabs.is-boxed a,
+  .hero.is-black .tabs.is-toggle a,
+  .hero.is-black-dark .tabs.is-boxed a,
+  .hero.is-black-dark .tabs.is-toggle a {
+    color: white;
+  }
+
+  .hero.is-black .tabs.is-boxed a:hover,
+  .hero.is-black .tabs.is-toggle a:hover,
+  .hero.is-black-dark .tabs.is-boxed a:hover,
+  .hero.is-black-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-black .tabs.is-boxed li.is-active a,
+  .hero.is-black .tabs.is-boxed li.is-active a:hover,
+  .hero.is-black .tabs.is-toggle li.is-active a,
+  .hero.is-black .tabs.is-toggle li.is-active a:hover,
+  .hero.is-black-dark .tabs.is-boxed li.is-active a,
+  .hero.is-black-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-black-dark .tabs.is-toggle li.is-active a,
+  .hero.is-black-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: white;
+    border-color: white;
+    color: black;
+  }
+
+  .hero.is-black.is-bold,
+  .hero.is-black-dark.is-bold {
+    background-image: linear-gradient(141deg, black 0%, black 71%, #0d0d0d 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-black.is-bold .navbar-menu,
+  .hero.is-black-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, black 0%, black 71%, #0d0d0d 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-light,
+  .hero.is-light-dark {
+    background-color: #dbdbdb;
+    color: #363636;
+  }
+
+  .hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-light strong,
+  .hero.is-light-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-light-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-light .title,
+  .hero.is-light-dark .title {
+    color: #363636;
+  }
+
+  .hero.is-light .subtitle,
+  .hero.is-light-dark .subtitle {
+    color: rgba(54, 54, 54, 0.9);
+  }
+
+  .hero.is-light .subtitle a:not(.button),
+  .hero.is-light .subtitle strong,
+  .hero.is-light-dark .subtitle a:not(.button),
+  .hero.is-light-dark .subtitle strong {
+    color: #363636;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-light .navbar-menu,
+  .hero.is-light-dark .navbar-menu {
+    background-color: #dbdbdb;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-light .navbar-item,
+  .hero.is-light .navbar-link,
+  .hero.is-light-dark .navbar-item,
+  .hero.is-light-dark .navbar-link {
+    color: rgba(54, 54, 54, 0.7);
+  }
+
+  .hero.is-light a.navbar-item:hover,
+  .hero.is-light a.navbar-item.is-active,
+  .hero.is-light .navbar-link:hover,
+  .hero.is-light .navbar-link.is-active,
+  .hero.is-light-dark a.navbar-item:hover,
+  .hero.is-light-dark a.navbar-item.is-active,
+  .hero.is-light-dark .navbar-link:hover,
+  .hero.is-light-dark .navbar-link.is-active {
+    background-color: #cfcfcf;
+    color: #363636;
+  }
+
+  .hero.is-light .tabs a,
+  .hero.is-light-dark .tabs a {
+    color: #363636;
+    opacity: 0.9;
+  }
+
+  .hero.is-light .tabs a:hover,
+  .hero.is-light-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-light .tabs li.is-active a,
+  .hero.is-light-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-light .tabs.is-boxed a,
+  .hero.is-light .tabs.is-toggle a,
+  .hero.is-light-dark .tabs.is-boxed a,
+  .hero.is-light-dark .tabs.is-toggle a {
+    color: #363636;
+  }
+
+  .hero.is-light .tabs.is-boxed a:hover,
+  .hero.is-light .tabs.is-toggle a:hover,
+  .hero.is-light-dark .tabs.is-boxed a:hover,
+  .hero.is-light-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-light .tabs.is-boxed li.is-active a,
+  .hero.is-light .tabs.is-boxed li.is-active a:hover,
+  .hero.is-light .tabs.is-toggle li.is-active a,
+  .hero.is-light .tabs.is-toggle li.is-active a:hover,
+  .hero.is-light-dark .tabs.is-boxed li.is-active a,
+  .hero.is-light-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-light-dark .tabs.is-toggle li.is-active a,
+  .hero.is-light-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #363636;
+    border-color: #363636;
+    color: #dbdbdb;
+  }
+
+  .hero.is-light.is-bold,
+  .hero.is-light-dark.is-bold {
+    background-image: linear-gradient(141deg, #c8bcbe 0%, #dbdbdb 71%, #e9e7e7 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-light.is-bold .navbar-menu,
+  .hero.is-light-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #c8bcbe 0%, #dbdbdb 71%, #e9e7e7 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-dark,
+  .hero.is-dark-dark {
+    background-color: #1c1c1c;
+    color: whitesmoke;
+  }
+
+  .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-dark strong,
+  .hero.is-dark-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-dark-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-dark .title,
+  .hero.is-dark-dark .title {
+    color: whitesmoke;
+  }
+
+  .hero.is-dark .subtitle,
+  .hero.is-dark-dark .subtitle {
+    color: rgba(245, 245, 245, 0.9);
+  }
+
+  .hero.is-dark .subtitle a:not(.button),
+  .hero.is-dark .subtitle strong,
+  .hero.is-dark-dark .subtitle a:not(.button),
+  .hero.is-dark-dark .subtitle strong {
+    color: whitesmoke;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-dark .navbar-menu,
+  .hero.is-dark-dark .navbar-menu {
+    background-color: #1c1c1c;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-dark .navbar-item,
+  .hero.is-dark .navbar-link,
+  .hero.is-dark-dark .navbar-item,
+  .hero.is-dark-dark .navbar-link {
+    color: rgba(245, 245, 245, 0.7);
+  }
+
+  .hero.is-dark a.navbar-item:hover,
+  .hero.is-dark a.navbar-item.is-active,
+  .hero.is-dark .navbar-link:hover,
+  .hero.is-dark .navbar-link.is-active,
+  .hero.is-dark-dark a.navbar-item:hover,
+  .hero.is-dark-dark a.navbar-item.is-active,
+  .hero.is-dark-dark .navbar-link:hover,
+  .hero.is-dark-dark .navbar-link.is-active {
+    background-color: #0f0f0f;
+    color: whitesmoke;
+  }
+
+  .hero.is-dark .tabs a,
+  .hero.is-dark-dark .tabs a {
+    color: whitesmoke;
+    opacity: 0.9;
+  }
+
+  .hero.is-dark .tabs a:hover,
+  .hero.is-dark-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-dark .tabs li.is-active a,
+  .hero.is-dark-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-dark .tabs.is-boxed a,
+  .hero.is-dark .tabs.is-toggle a,
+  .hero.is-dark-dark .tabs.is-boxed a,
+  .hero.is-dark-dark .tabs.is-toggle a {
+    color: whitesmoke;
+  }
+
+  .hero.is-dark .tabs.is-boxed a:hover,
+  .hero.is-dark .tabs.is-toggle a:hover,
+  .hero.is-dark-dark .tabs.is-boxed a:hover,
+  .hero.is-dark-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-dark .tabs.is-boxed li.is-active a,
+  .hero.is-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-dark .tabs.is-toggle li.is-active a,
+  .hero.is-dark .tabs.is-toggle li.is-active a:hover,
+  .hero.is-dark-dark .tabs.is-boxed li.is-active a,
+  .hero.is-dark-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-dark-dark .tabs.is-toggle li.is-active a,
+  .hero.is-dark-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: whitesmoke;
+    border-color: whitesmoke;
+    color: #1c1c1c;
+  }
+
+  .hero.is-dark.is-bold,
+  .hero.is-dark-dark.is-bold {
+    background-image: linear-gradient(141deg, #030202 0%, #1c1c1c 71%, #2b2727 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-dark.is-bold .navbar-menu,
+  .hero.is-dark-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #030202 0%, #1c1c1c 71%, #2b2727 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-primary,
+  .hero.is-primary-dark {
+    background-color: #009e86;
+    color: #fff;
+  }
+
+  .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-primary strong,
+  .hero.is-primary-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-primary-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-primary .title,
+  .hero.is-primary-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-primary .subtitle,
+  .hero.is-primary-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-primary .subtitle a:not(.button),
+  .hero.is-primary .subtitle strong,
+  .hero.is-primary-dark .subtitle a:not(.button),
+  .hero.is-primary-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-primary .navbar-menu,
+  .hero.is-primary-dark .navbar-menu {
+    background-color: #009e86;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-primary .navbar-item,
+  .hero.is-primary .navbar-link,
+  .hero.is-primary-dark .navbar-item,
+  .hero.is-primary-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-primary a.navbar-item:hover,
+  .hero.is-primary a.navbar-item.is-active,
+  .hero.is-primary .navbar-link:hover,
+  .hero.is-primary .navbar-link.is-active,
+  .hero.is-primary-dark a.navbar-item:hover,
+  .hero.is-primary-dark a.navbar-item.is-active,
+  .hero.is-primary-dark .navbar-link:hover,
+  .hero.is-primary-dark .navbar-link.is-active {
+    background-color: #008571;
+    color: #fff;
+  }
+
+  .hero.is-primary .tabs a,
+  .hero.is-primary-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-primary .tabs a:hover,
+  .hero.is-primary-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-primary .tabs li.is-active a,
+  .hero.is-primary-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-primary .tabs.is-boxed a,
+  .hero.is-primary .tabs.is-toggle a,
+  .hero.is-primary-dark .tabs.is-boxed a,
+  .hero.is-primary-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-primary .tabs.is-boxed a:hover,
+  .hero.is-primary .tabs.is-toggle a:hover,
+  .hero.is-primary-dark .tabs.is-boxed a:hover,
+  .hero.is-primary-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-primary .tabs.is-boxed li.is-active a,
+  .hero.is-primary .tabs.is-boxed li.is-active a:hover,
+  .hero.is-primary .tabs.is-toggle li.is-active a,
+  .hero.is-primary .tabs.is-toggle li.is-active a:hover,
+  .hero.is-primary-dark .tabs.is-boxed li.is-active a,
+  .hero.is-primary-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-primary-dark .tabs.is-toggle li.is-active a,
+  .hero.is-primary-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #009e86;
+  }
+
+  .hero.is-primary.is-bold,
+  .hero.is-primary-dark.is-bold {
+    background-image: linear-gradient(141deg, #006b49 0%, #009e86 71%, #00b5b8 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-primary.is-bold .navbar-menu,
+  .hero.is-primary-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #006b49 0%, #009e86 71%, #00b5b8 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-link,
+  .hero.is-link-dark {
+    background-color: #205bbc;
+    color: #fff;
+  }
+
+  .hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-link strong,
+  .hero.is-link-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-link-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-link .title,
+  .hero.is-link-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-link .subtitle,
+  .hero.is-link-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-link .subtitle a:not(.button),
+  .hero.is-link .subtitle strong,
+  .hero.is-link-dark .subtitle a:not(.button),
+  .hero.is-link-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-link .navbar-menu,
+  .hero.is-link-dark .navbar-menu {
+    background-color: #205bbc;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-link .navbar-item,
+  .hero.is-link .navbar-link,
+  .hero.is-link-dark .navbar-item,
+  .hero.is-link-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-link a.navbar-item:hover,
+  .hero.is-link a.navbar-item.is-active,
+  .hero.is-link .navbar-link:hover,
+  .hero.is-link .navbar-link.is-active,
+  .hero.is-link-dark a.navbar-item:hover,
+  .hero.is-link-dark a.navbar-item.is-active,
+  .hero.is-link-dark .navbar-link:hover,
+  .hero.is-link-dark .navbar-link.is-active {
+    background-color: #1c51a6;
+    color: #fff;
+  }
+
+  .hero.is-link .tabs a,
+  .hero.is-link-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-link .tabs a:hover,
+  .hero.is-link-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-link .tabs li.is-active a,
+  .hero.is-link-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-link .tabs.is-boxed a,
+  .hero.is-link .tabs.is-toggle a,
+  .hero.is-link-dark .tabs.is-boxed a,
+  .hero.is-link-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-link .tabs.is-boxed a:hover,
+  .hero.is-link .tabs.is-toggle a:hover,
+  .hero.is-link-dark .tabs.is-boxed a:hover,
+  .hero.is-link-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-link .tabs.is-boxed li.is-active a,
+  .hero.is-link .tabs.is-boxed li.is-active a:hover,
+  .hero.is-link .tabs.is-toggle li.is-active a,
+  .hero.is-link .tabs.is-toggle li.is-active a:hover,
+  .hero.is-link-dark .tabs.is-boxed li.is-active a,
+  .hero.is-link-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-link-dark .tabs.is-toggle li.is-active a,
+  .hero.is-link-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #205bbc;
+  }
+
+  .hero.is-link.is-bold,
+  .hero.is-link-dark.is-bold {
+    background-image: linear-gradient(141deg, #105b98 0%, #205bbc 71%, #1d46d7 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-link.is-bold .navbar-menu,
+  .hero.is-link-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #105b98 0%, #205bbc 71%, #1d46d7 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-info,
+  .hero.is-info-dark {
+    background-color: #0f81cc;
+    color: #fff;
+  }
+
+  .hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-info strong,
+  .hero.is-info-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-info-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-info .title,
+  .hero.is-info-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-info .subtitle,
+  .hero.is-info-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-info .subtitle a:not(.button),
+  .hero.is-info .subtitle strong,
+  .hero.is-info-dark .subtitle a:not(.button),
+  .hero.is-info-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-info .navbar-menu,
+  .hero.is-info-dark .navbar-menu {
+    background-color: #0f81cc;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-info .navbar-item,
+  .hero.is-info .navbar-link,
+  .hero.is-info-dark .navbar-item,
+  .hero.is-info-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-info a.navbar-item:hover,
+  .hero.is-info a.navbar-item.is-active,
+  .hero.is-info .navbar-link:hover,
+  .hero.is-info .navbar-link.is-active,
+  .hero.is-info-dark a.navbar-item:hover,
+  .hero.is-info-dark a.navbar-item.is-active,
+  .hero.is-info-dark .navbar-link:hover,
+  .hero.is-info-dark .navbar-link.is-active {
+    background-color: #0e72b4;
+    color: #fff;
+  }
+
+  .hero.is-info .tabs a,
+  .hero.is-info-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-info .tabs a:hover,
+  .hero.is-info-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-info .tabs li.is-active a,
+  .hero.is-info-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-info .tabs.is-boxed a,
+  .hero.is-info .tabs.is-toggle a,
+  .hero.is-info-dark .tabs.is-boxed a,
+  .hero.is-info-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-info .tabs.is-boxed a:hover,
+  .hero.is-info .tabs.is-toggle a:hover,
+  .hero.is-info-dark .tabs.is-boxed a:hover,
+  .hero.is-info-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-info .tabs.is-boxed li.is-active a,
+  .hero.is-info .tabs.is-boxed li.is-active a:hover,
+  .hero.is-info .tabs.is-toggle li.is-active a,
+  .hero.is-info .tabs.is-toggle li.is-active a:hover,
+  .hero.is-info-dark .tabs.is-boxed li.is-active a,
+  .hero.is-info-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-info-dark .tabs.is-toggle li.is-active a,
+  .hero.is-info-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #0f81cc;
+  }
+
+  .hero.is-info.is-bold,
+  .hero.is-info-dark.is-bold {
+    background-image: linear-gradient(141deg, #037fa5 0%, #0f81cc 71%, #0b6cea 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-info.is-bold .navbar-menu,
+  .hero.is-info-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #037fa5 0%, #0f81cc 71%, #0b6cea 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-success,
+  .hero.is-success-dark {
+    background-color: #1ca64c;
+    color: #fff;
+  }
+
+  .hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-success strong,
+  .hero.is-success-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-success-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-success .title,
+  .hero.is-success-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-success .subtitle,
+  .hero.is-success-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-success .subtitle a:not(.button),
+  .hero.is-success .subtitle strong,
+  .hero.is-success-dark .subtitle a:not(.button),
+  .hero.is-success-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-success .navbar-menu,
+  .hero.is-success-dark .navbar-menu {
+    background-color: #1ca64c;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-success .navbar-item,
+  .hero.is-success .navbar-link,
+  .hero.is-success-dark .navbar-item,
+  .hero.is-success-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-success a.navbar-item:hover,
+  .hero.is-success a.navbar-item.is-active,
+  .hero.is-success .navbar-link:hover,
+  .hero.is-success .navbar-link.is-active,
+  .hero.is-success-dark a.navbar-item:hover,
+  .hero.is-success-dark a.navbar-item.is-active,
+  .hero.is-success-dark .navbar-link:hover,
+  .hero.is-success-dark .navbar-link.is-active {
+    background-color: #189042;
+    color: #fff;
+  }
+
+  .hero.is-success .tabs a,
+  .hero.is-success-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-success .tabs a:hover,
+  .hero.is-success-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-success .tabs li.is-active a,
+  .hero.is-success-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-success .tabs.is-boxed a,
+  .hero.is-success .tabs.is-toggle a,
+  .hero.is-success-dark .tabs.is-boxed a,
+  .hero.is-success-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-success .tabs.is-boxed a:hover,
+  .hero.is-success .tabs.is-toggle a:hover,
+  .hero.is-success-dark .tabs.is-boxed a:hover,
+  .hero.is-success-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-success .tabs.is-boxed li.is-active a,
+  .hero.is-success .tabs.is-boxed li.is-active a:hover,
+  .hero.is-success .tabs.is-toggle li.is-active a,
+  .hero.is-success .tabs.is-toggle li.is-active a:hover,
+  .hero.is-success-dark .tabs.is-boxed li.is-active a,
+  .hero.is-success-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-success-dark .tabs.is-toggle li.is-active a,
+  .hero.is-success-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #1ca64c;
+  }
+
+  .hero.is-success.is-bold,
+  .hero.is-success-dark.is-bold {
+    background-image: linear-gradient(141deg, #0e8123 0%, #1ca64c 71%, #1ac170 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-success.is-bold .navbar-menu,
+  .hero.is-success-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #0e8123 0%, #1ca64c 71%, #1ac170 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-warning,
+  .hero.is-warning-dark {
+    background-color: #ffd324;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-warning strong,
+  .hero.is-warning-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-warning-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-warning .title,
+  .hero.is-warning-dark .title {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning .subtitle,
+  .hero.is-warning-dark .subtitle {
+    color: rgba(0, 0, 0, 0.9);
+  }
+
+  .hero.is-warning .subtitle a:not(.button),
+  .hero.is-warning .subtitle strong,
+  .hero.is-warning-dark .subtitle a:not(.button),
+  .hero.is-warning-dark .subtitle strong {
+    color: rgba(0, 0, 0, 0.7);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-warning .navbar-menu,
+  .hero.is-warning-dark .navbar-menu {
+    background-color: #ffd324;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-warning .navbar-item,
+  .hero.is-warning .navbar-link,
+  .hero.is-warning-dark .navbar-item,
+  .hero.is-warning-dark .navbar-link {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning a.navbar-item:hover,
+  .hero.is-warning a.navbar-item.is-active,
+  .hero.is-warning .navbar-link:hover,
+  .hero.is-warning .navbar-link.is-active,
+  .hero.is-warning-dark a.navbar-item:hover,
+  .hero.is-warning-dark a.navbar-item.is-active,
+  .hero.is-warning-dark .navbar-link:hover,
+  .hero.is-warning-dark .navbar-link.is-active {
+    background-color: #ffce0a;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning .tabs a,
+  .hero.is-warning-dark .tabs a {
+    color: rgba(0, 0, 0, 0.7);
+    opacity: 0.9;
+  }
+
+  .hero.is-warning .tabs a:hover,
+  .hero.is-warning-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-warning .tabs li.is-active a,
+  .hero.is-warning-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-warning .tabs.is-boxed a,
+  .hero.is-warning .tabs.is-toggle a,
+  .hero.is-warning-dark .tabs.is-boxed a,
+  .hero.is-warning-dark .tabs.is-toggle a {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning .tabs.is-boxed a:hover,
+  .hero.is-warning .tabs.is-toggle a:hover,
+  .hero.is-warning-dark .tabs.is-boxed a:hover,
+  .hero.is-warning-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-warning .tabs.is-boxed li.is-active a,
+  .hero.is-warning .tabs.is-boxed li.is-active a:hover,
+  .hero.is-warning .tabs.is-toggle li.is-active a,
+  .hero.is-warning .tabs.is-toggle li.is-active a:hover,
+  .hero.is-warning-dark .tabs.is-boxed li.is-active a,
+  .hero.is-warning-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-warning-dark .tabs.is-toggle li.is-active a,
+  .hero.is-warning-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+    border-color: rgba(0, 0, 0, 0.7);
+    color: #ffd324;
+  }
+
+  .hero.is-warning.is-bold,
+  .hero.is-warning-dark.is-bold {
+    background-image: linear-gradient(141deg, #f09800 0%, #ffd324 71%, #fff93d 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-warning.is-bold .navbar-menu,
+  .hero.is-warning-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #f09800 0%, #ffd324 71%, #fff93d 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-danger,
+  .hero.is-danger-dark {
+    background-color: #ff0537;
+    color: #fff;
+  }
+
+  .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-danger strong,
+  .hero.is-danger-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-danger-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-danger .title,
+  .hero.is-danger-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-danger .subtitle,
+  .hero.is-danger-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-danger .subtitle a:not(.button),
+  .hero.is-danger .subtitle strong,
+  .hero.is-danger-dark .subtitle a:not(.button),
+  .hero.is-danger-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+
+  .hero.is-danger .navbar-menu,
+  .hero.is-danger-dark .navbar-menu {
+    background-color: #ff0537;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-danger .navbar-item,
+  .hero.is-danger .navbar-link,
+  .hero.is-danger-dark .navbar-item,
+  .hero.is-danger-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-danger a.navbar-item:hover,
+  .hero.is-danger a.navbar-item.is-active,
+  .hero.is-danger .navbar-link:hover,
+  .hero.is-danger .navbar-link.is-active,
+  .hero.is-danger-dark a.navbar-item:hover,
+  .hero.is-danger-dark a.navbar-item.is-active,
+  .hero.is-danger-dark .navbar-link:hover,
+  .hero.is-danger-dark .navbar-link.is-active {
+    background-color: #eb002f;
+    color: #fff;
+  }
+
+  .hero.is-danger .tabs a,
+  .hero.is-danger-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-danger .tabs a:hover,
+  .hero.is-danger-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-danger .tabs li.is-active a,
+  .hero.is-danger-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-danger .tabs.is-boxed a,
+  .hero.is-danger .tabs.is-toggle a,
+  .hero.is-danger-dark .tabs.is-boxed a,
+  .hero.is-danger-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-danger .tabs.is-boxed a:hover,
+  .hero.is-danger .tabs.is-toggle a:hover,
+  .hero.is-danger-dark .tabs.is-boxed a:hover,
+  .hero.is-danger-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-danger .tabs.is-boxed li.is-active a,
+  .hero.is-danger .tabs.is-boxed li.is-active a:hover,
+  .hero.is-danger .tabs.is-toggle li.is-active a,
+  .hero.is-danger .tabs.is-toggle li.is-active a:hover,
+  .hero.is-danger-dark .tabs.is-boxed li.is-active a,
+  .hero.is-danger-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-danger-dark .tabs.is-toggle li.is-active a,
+  .hero.is-danger-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #ff0537;
+  }
+
+  .hero.is-danger.is-bold,
+  .hero.is-danger-dark.is-bold {
+    background-image: linear-gradient(141deg, #d1004d 0%, #ff0537 71%, #ff1f26 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+
+  .hero.is-danger.is-bold .navbar-menu,
+  .hero.is-danger-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #d1004d 0%, #ff0537 71%, #ff1f26 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-white-dark {
+    background-color: white;
+    color: #0a0a0a;
+  }
+
+  .hero.is-white-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-white-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-white-dark .title {
+    color: #0a0a0a;
+  }
+
+  .hero.is-white-dark .subtitle {
+    color: rgba(10, 10, 10, 0.9);
+  }
+
+  .hero.is-white-dark .subtitle a:not(.button),
+  .hero.is-white-dark .subtitle strong {
+    color: #0a0a0a;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-white-dark .navbar-menu {
+    background-color: white;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-white-dark .navbar-item,
+  .hero.is-white-dark .navbar-link {
+    color: rgba(10, 10, 10, 0.7);
+  }
+
+  .hero.is-white-dark a.navbar-item:hover,
+  .hero.is-white-dark a.navbar-item.is-active,
+  .hero.is-white-dark .navbar-link:hover,
+  .hero.is-white-dark .navbar-link.is-active {
+    background-color: #f2f2f2;
+    color: #0a0a0a;
+  }
+
+  .hero.is-white-dark .tabs a {
+    color: #0a0a0a;
+    opacity: 0.9;
+  }
+
+  .hero.is-white-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-white-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-white-dark .tabs.is-boxed a,
+  .hero.is-white-dark .tabs.is-toggle a {
+    color: #0a0a0a;
+  }
+
+  .hero.is-white-dark .tabs.is-boxed a:hover,
+  .hero.is-white-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-white-dark .tabs.is-boxed li.is-active a,
+  .hero.is-white-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-white-dark .tabs.is-toggle li.is-active a,
+  .hero.is-white-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #0a0a0a;
+    border-color: #0a0a0a;
+    color: white;
+  }
+
+  .hero.is-white-dark.is-bold {
+    background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-white-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-black-dark {
+    background-color: #0a0a0a;
+    color: white;
+  }
+
+  .hero.is-black-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-black-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-black-dark .title {
+    color: white;
+  }
+
+  .hero.is-black-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-black-dark .subtitle a:not(.button),
+  .hero.is-black-dark .subtitle strong {
+    color: white;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-black-dark .navbar-menu {
+    background-color: #0a0a0a;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-black-dark .navbar-item,
+  .hero.is-black-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-black-dark a.navbar-item:hover,
+  .hero.is-black-dark a.navbar-item.is-active,
+  .hero.is-black-dark .navbar-link:hover,
+  .hero.is-black-dark .navbar-link.is-active {
+    background-color: black;
+    color: white;
+  }
+
+  .hero.is-black-dark .tabs a {
+    color: white;
+    opacity: 0.9;
+  }
+
+  .hero.is-black-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-black-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-black-dark .tabs.is-boxed a,
+  .hero.is-black-dark .tabs.is-toggle a {
+    color: white;
+  }
+
+  .hero.is-black-dark .tabs.is-boxed a:hover,
+  .hero.is-black-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-black-dark .tabs.is-boxed li.is-active a,
+  .hero.is-black-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-black-dark .tabs.is-toggle li.is-active a,
+  .hero.is-black-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: white;
+    border-color: white;
+    color: #0a0a0a;
+  }
+
+  .hero.is-black-dark.is-bold {
+    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-black-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-light-dark {
+    background-color: whitesmoke;
+    color: #363636;
+  }
+
+  .hero.is-light-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-light-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-light-dark .title {
+    color: #363636;
+  }
+
+  .hero.is-light-dark .subtitle {
+    color: rgba(54, 54, 54, 0.9);
+  }
+
+  .hero.is-light-dark .subtitle a:not(.button),
+  .hero.is-light-dark .subtitle strong {
+    color: #363636;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-light-dark .navbar-menu {
+    background-color: whitesmoke;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-light-dark .navbar-item,
+  .hero.is-light-dark .navbar-link {
+    color: rgba(54, 54, 54, 0.7);
+  }
+
+  .hero.is-light-dark a.navbar-item:hover,
+  .hero.is-light-dark a.navbar-item.is-active,
+  .hero.is-light-dark .navbar-link:hover,
+  .hero.is-light-dark .navbar-link.is-active {
+    background-color: #e8e8e8;
+    color: #363636;
+  }
+
+  .hero.is-light-dark .tabs a {
+    color: #363636;
+    opacity: 0.9;
+  }
+
+  .hero.is-light-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-light-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-light-dark .tabs.is-boxed a,
+  .hero.is-light-dark .tabs.is-toggle a {
+    color: #363636;
+  }
+
+  .hero.is-light-dark .tabs.is-boxed a:hover,
+  .hero.is-light-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-light-dark .tabs.is-boxed li.is-active a,
+  .hero.is-light-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-light-dark .tabs.is-toggle li.is-active a,
+  .hero.is-light-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #363636;
+    border-color: #363636;
+    color: whitesmoke;
+  }
+
+  .hero.is-light-dark.is-bold {
+    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-light-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-dark-dark {
+    background-color: #363636;
+    color: whitesmoke;
+  }
+
+  .hero.is-dark-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-dark-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-dark-dark .title {
+    color: whitesmoke;
+  }
+
+  .hero.is-dark-dark .subtitle {
+    color: rgba(245, 245, 245, 0.9);
+  }
+
+  .hero.is-dark-dark .subtitle a:not(.button),
+  .hero.is-dark-dark .subtitle strong {
+    color: whitesmoke;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-dark-dark .navbar-menu {
+    background-color: #363636;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-dark-dark .navbar-item,
+  .hero.is-dark-dark .navbar-link {
+    color: rgba(245, 245, 245, 0.7);
+  }
+
+  .hero.is-dark-dark a.navbar-item:hover,
+  .hero.is-dark-dark a.navbar-item.is-active,
+  .hero.is-dark-dark .navbar-link:hover,
+  .hero.is-dark-dark .navbar-link.is-active {
+    background-color: #292929;
+    color: whitesmoke;
+  }
+
+  .hero.is-dark-dark .tabs a {
+    color: whitesmoke;
+    opacity: 0.9;
+  }
+
+  .hero.is-dark-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-dark-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-dark-dark .tabs.is-boxed a,
+  .hero.is-dark-dark .tabs.is-toggle a {
+    color: whitesmoke;
+  }
+
+  .hero.is-dark-dark .tabs.is-boxed a:hover,
+  .hero.is-dark-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-dark-dark .tabs.is-boxed li.is-active a,
+  .hero.is-dark-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-dark-dark .tabs.is-toggle li.is-active a,
+  .hero.is-dark-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: whitesmoke;
+    border-color: whitesmoke;
+    color: #363636;
+  }
+
+  .hero.is-dark-dark.is-bold {
+    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-dark-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-primary-dark {
+    background-color: #00d1b2;
+    color: #fff;
+  }
+
+  .hero.is-primary-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-primary-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-primary-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-primary-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-primary-dark .subtitle a:not(.button),
+  .hero.is-primary-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-primary-dark .navbar-menu {
+    background-color: #00d1b2;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-primary-dark .navbar-item,
+  .hero.is-primary-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-primary-dark a.navbar-item:hover,
+  .hero.is-primary-dark a.navbar-item.is-active,
+  .hero.is-primary-dark .navbar-link:hover,
+  .hero.is-primary-dark .navbar-link.is-active {
+    background-color: #00b89c;
+    color: #fff;
+  }
+
+  .hero.is-primary-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-primary-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-primary-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-primary-dark .tabs.is-boxed a,
+  .hero.is-primary-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-primary-dark .tabs.is-boxed a:hover,
+  .hero.is-primary-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-primary-dark .tabs.is-boxed li.is-active a,
+  .hero.is-primary-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-primary-dark .tabs.is-toggle li.is-active a,
+  .hero.is-primary-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #00d1b2;
+  }
+
+  .hero.is-primary-dark.is-bold {
+    background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-primary-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-link-dark {
+    background-color: #3273dc;
+    color: #fff;
+  }
+
+  .hero.is-link-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-link-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-link-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-link-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-link-dark .subtitle a:not(.button),
+  .hero.is-link-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-link-dark .navbar-menu {
+    background-color: #3273dc;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-link-dark .navbar-item,
+  .hero.is-link-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-link-dark a.navbar-item:hover,
+  .hero.is-link-dark a.navbar-item.is-active,
+  .hero.is-link-dark .navbar-link:hover,
+  .hero.is-link-dark .navbar-link.is-active {
+    background-color: #2366d1;
+    color: #fff;
+  }
+
+  .hero.is-link-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-link-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-link-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-link-dark .tabs.is-boxed a,
+  .hero.is-link-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-link-dark .tabs.is-boxed a:hover,
+  .hero.is-link-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-link-dark .tabs.is-boxed li.is-active a,
+  .hero.is-link-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-link-dark .tabs.is-toggle li.is-active a,
+  .hero.is-link-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #3273dc;
+  }
+
+  .hero.is-link-dark.is-bold {
+    background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-link-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-info-dark {
+    background-color: #209cee;
+    color: #fff;
+  }
+
+  .hero.is-info-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-info-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-info-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-info-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-info-dark .subtitle a:not(.button),
+  .hero.is-info-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-info-dark .navbar-menu {
+    background-color: #209cee;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-info-dark .navbar-item,
+  .hero.is-info-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-info-dark a.navbar-item:hover,
+  .hero.is-info-dark a.navbar-item.is-active,
+  .hero.is-info-dark .navbar-link:hover,
+  .hero.is-info-dark .navbar-link.is-active {
+    background-color: #118fe4;
+    color: #fff;
+  }
+
+  .hero.is-info-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-info-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-info-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-info-dark .tabs.is-boxed a,
+  .hero.is-info-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-info-dark .tabs.is-boxed a:hover,
+  .hero.is-info-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-info-dark .tabs.is-boxed li.is-active a,
+  .hero.is-info-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-info-dark .tabs.is-toggle li.is-active a,
+  .hero.is-info-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #209cee;
+  }
+
+  .hero.is-info-dark.is-bold {
+    background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-info-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-success-dark {
+    background-color: #23d160;
+    color: #fff;
+  }
+
+  .hero.is-success-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-success-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-success-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-success-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-success-dark .subtitle a:not(.button),
+  .hero.is-success-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-success-dark .navbar-menu {
+    background-color: #23d160;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-success-dark .navbar-item,
+  .hero.is-success-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-success-dark a.navbar-item:hover,
+  .hero.is-success-dark a.navbar-item.is-active,
+  .hero.is-success-dark .navbar-link:hover,
+  .hero.is-success-dark .navbar-link.is-active {
+    background-color: #20bc56;
+    color: #fff;
+  }
+
+  .hero.is-success-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-success-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-success-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-success-dark .tabs.is-boxed a,
+  .hero.is-success-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-success-dark .tabs.is-boxed a:hover,
+  .hero.is-success-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-success-dark .tabs.is-boxed li.is-active a,
+  .hero.is-success-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-success-dark .tabs.is-toggle li.is-active a,
+  .hero.is-success-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #23d160;
+  }
+
+  .hero.is-success-dark.is-bold {
+    background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-success-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-warning-dark {
+    background-color: #ffdd57;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-warning-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-warning-dark .title {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning-dark .subtitle {
+    color: rgba(0, 0, 0, 0.9);
+  }
+
+  .hero.is-warning-dark .subtitle a:not(.button),
+  .hero.is-warning-dark .subtitle strong {
+    color: rgba(0, 0, 0, 0.7);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-warning-dark .navbar-menu {
+    background-color: #ffdd57;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-warning-dark .navbar-item,
+  .hero.is-warning-dark .navbar-link {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning-dark a.navbar-item:hover,
+  .hero.is-warning-dark a.navbar-item.is-active,
+  .hero.is-warning-dark .navbar-link:hover,
+  .hero.is-warning-dark .navbar-link.is-active {
+    background-color: #ffd83d;
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning-dark .tabs a {
+    color: rgba(0, 0, 0, 0.7);
+    opacity: 0.9;
+  }
+
+  .hero.is-warning-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-warning-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-warning-dark .tabs.is-boxed a,
+  .hero.is-warning-dark .tabs.is-toggle a {
+    color: rgba(0, 0, 0, 0.7);
+  }
+
+  .hero.is-warning-dark .tabs.is-boxed a:hover,
+  .hero.is-warning-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-warning-dark .tabs.is-boxed li.is-active a,
+  .hero.is-warning-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-warning-dark .tabs.is-toggle li.is-active a,
+  .hero.is-warning-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+    border-color: rgba(0, 0, 0, 0.7);
+    color: #ffdd57;
+  }
+
+  .hero.is-warning-dark.is-bold {
+    background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-warning-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .hero.is-danger-dark {
+    background-color: #ff3860;
+    color: #fff;
+  }
+
+  .hero.is-danger-dark a:not(.button):not(.dropdown-item):not(.tag),
+  .hero.is-danger-dark strong {
+    color: inherit;
+  }
+
+  .hero.is-danger-dark .title {
+    color: #fff;
+  }
+
+  .hero.is-danger-dark .subtitle {
+    color: rgba(255, 255, 255, 0.9);
+  }
+
+  .hero.is-danger-dark .subtitle a:not(.button),
+  .hero.is-danger-dark .subtitle strong {
+    color: #fff;
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) {
+  .hero.is-danger-dark .navbar-menu {
+    background-color: #ff3860;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .hero.is-danger-dark .navbar-item,
+  .hero.is-danger-dark .navbar-link {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  .hero.is-danger-dark a.navbar-item:hover,
+  .hero.is-danger-dark a.navbar-item.is-active,
+  .hero.is-danger-dark .navbar-link:hover,
+  .hero.is-danger-dark .navbar-link.is-active {
+    background-color: #ff1f4b;
+    color: #fff;
+  }
+
+  .hero.is-danger-dark .tabs a {
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .hero.is-danger-dark .tabs a:hover {
+    opacity: 1;
+  }
+
+  .hero.is-danger-dark .tabs li.is-active a {
+    opacity: 1;
+  }
+
+  .hero.is-danger-dark .tabs.is-boxed a,
+  .hero.is-danger-dark .tabs.is-toggle a {
+    color: #fff;
+  }
+
+  .hero.is-danger-dark .tabs.is-boxed a:hover,
+  .hero.is-danger-dark .tabs.is-toggle a:hover {
+    background-color: rgba(10, 10, 10, 0.1);
+  }
+
+  .hero.is-danger-dark .tabs.is-boxed li.is-active a,
+  .hero.is-danger-dark .tabs.is-boxed li.is-active a:hover,
+  .hero.is-danger-dark .tabs.is-toggle li.is-active a,
+  .hero.is-danger-dark .tabs.is-toggle li.is-active a:hover {
+    background-color: #fff;
+    border-color: #fff;
+    color: #ff3860;
+  }
+
+  .hero.is-danger-dark.is-bold {
+    background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
+  }
+}
+
+@media screen and (prefers-color-scheme: dark) and (max-width: 768px) {
+  .hero.is-danger-dark.is-bold .navbar-menu {
+    background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .footer {
+    background-color: #121212;
+  }
+}
+
+/*# sourceMappingURL=bulma-prefers-dark.css.map */
\ No newline at end of file
diff --git a/web/static/css/chat.css b/web/static/css/chat.css
index e6da13a..78984e4 100644
--- a/web/static/css/chat.css
+++ b/web/static/css/chat.css
@@ -28,14 +28,22 @@ body {
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: rgba(255, 0, 0, 0.2);
     padding: 10px;
 
+    background: rgb(190,190,190);
+    background: linear-gradient(0deg, rgb(172, 172, 172) 0%, rgb(214, 214, 214) 100%);
+
     display: grid;
     column-gap: 10px;
     row-gap: 10px;
     grid-template-columns: 260px 1fr 280px;
-    grid-template-rows: 1fr auto;
+    grid-template-rows: auto 1fr auto;
+}
+
+/* Header row */
+.chat-container > .chat-header {
+    grid-column: 1 / 4;
+    grid-row: 1;
 }
 
 /* Left column: DMs and channels */
@@ -47,7 +55,7 @@ body {
 /* Main column: chat history */
 .chat-container > .chat-column {
     grid-column: 2;
-    grid-row: 1;
+    grid-row: 2;
     background-color: yellow;
     overflow: hidden;
 }
@@ -55,7 +63,7 @@ body {
 /* Footer row: message entry box */
 .chat-container > .chat-footer {
     grid-column: 1 / 4;
-    grid-row: 2 / 2;
+    grid-row: 3;
 }
 
 /* Right column: Who List */
@@ -118,7 +126,7 @@ body {
  *******************/
 
 .video-feeds {
-    background-color: yellow;
+    background-color: #222;
     width: 100%;
     max-width: 100%;
     overflow-x: scroll;
@@ -128,9 +136,38 @@ body {
 }
 
 .video-feeds > .feed {
-    flex: 10 0 auto;
-    width: 120px;
-    height: 80px;
+    position: relative;
+    flex: 0 0 144px;
+    width: 168px;
+    height: 112px;
     background-color: black;
     margin: 5px;
+}
+
+.video-feeds > .feed > video {
+    width: 100%;
+    height: 100%;
+}
+
+.video-feeds > .feed > .controls {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.75);
+    right: 4px;
+    bottom: 4px;
+}
+
+.video-feeds > .feed > .close {
+    position: absolute;
+    right: 4px;
+    top: 0;
+}
+
+.video-feeds > .feed > .caption {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.75);
+    color: #fff;
+    top: 4px;
+    left: 4px;
+    font-size: small;
+    padding: 2px 4px;
 }
\ No newline at end of file
diff --git a/web/static/js/BareRTC.js b/web/static/js/BareRTC.js
index efef292..70e5b5f 100644
--- a/web/static/js/BareRTC.js
+++ b/web/static/js/BareRTC.js
@@ -47,12 +47,17 @@ const app = Vue.createApp({
                 active: false,
                 elem: null,   // <video id="localVideo"> element
                 stream: null, // MediaStream object
+                muted: false, // our outgoing mic is muted, not by default
+
+                // Who all is watching me? map of users.
+                watching: {},
             },
 
             // WebRTC sessions with other users.
             WebRTC: {
                 // Streams per username.
                 streams: {},
+                muted: {}, // muted bool per username
 
                 // RTCPeerConnections per username.
                 pc: {},
@@ -113,7 +118,7 @@ const app = Vue.createApp({
             this.initHistory(channel.ID);
         }
 
-        this.ChatServer("Welcome to BareRTC!")
+        this.ChatClient("Welcome to BareRTC!");
 
         // Auto login with JWT token?
         // TODO: JWT validation on the WebSocket as well.
@@ -237,6 +242,12 @@ const app = Vue.createApp({
                     this.closeVideo(row.username);
                 }
             }
+
+            // Has the back-end server forgotten we are on video? This can
+            // happen if we disconnect/reconnect while we were streaming.
+            if (this.webcam.active && !this.whoMap[this.username]?.videoActive) {
+                this.sendMe();
+            }
         },
 
         // Send a video request to access a user's camera.
@@ -361,6 +372,12 @@ const app = Vue.createApp({
                     case "sdp":
                         this.onSDP(msg);
                         break;
+                    case "watch":
+                        this.onWatch(msg);
+                        break;
+                    case "unwatch":
+                        this.onUnwatch(msg);
+                        break;
                     case "error":
                         this.pushHistory({
                             channel: msg.channel,
@@ -414,7 +431,7 @@ const app = Vue.createApp({
                 // this.ChatClient("We are the offerer - set up onNegotiationNeeded");
                 pc.onnegotiationneeded = () => {
                     console.error("WebRTC OnNegotiationNeeded called!");
-                    this.ChatClient("Negotiation Needed, creating WebRTC offer.");
+                    // this.ChatClient("Negotiation Needed, creating WebRTC offer.");
                     pc.createOffer().then(this.localDescCreated(pc, username)).catch(this.ChatClient);
                 };
             }
@@ -433,12 +450,14 @@ const app = Vue.createApp({
                 }
 
                 window.requestAnimationFrame(() => {
-                    this.ChatServer("Setting <video> srcObject for " + username);
                     let $ref = document.getElementById(`videofeed-${username}`);
                     console.log("Video elem:", $ref);
                     $ref.srcObject = stream;
                     // this.$refs[`videofeed-${username}`].srcObject = stream;
                 });
+
+                // Inform them they are being watched.
+                this.sendWatch(username, true);
             };
 
             // If we were already broadcasting video, send our stream to
@@ -535,6 +554,21 @@ const app = Vue.createApp({
                 }
             }, console.error);
         },
+        onWatch(msg) {
+            // The user has our video feed open now.
+            this.webcam.watching[msg.username] = true;
+        },
+        onUnwatch(msg) {
+            // The user has closed our video feed.
+            delete(this.webcam.watching[msg.username]);
+        },
+        sendWatch(username, watching) {
+            // Send the watch or unwatch message to backend.
+            this.ws.conn.send(JSON.stringify({
+                action: watching ? "watch" : "unwatch",
+                username: username,
+            }));
+        },
 
         /**
          * Front-end web app concerns.
@@ -689,27 +723,37 @@ const app = Vue.createApp({
             // Camera is already open? Then disconnect the connection.
             if (this.WebRTC.pc[user.username] != undefined) {
                 // TODO: this breaks the connection both ways :(
-                // this.closeVideo(user.username);
-                // return;
-            }
-
-            // We need to broadcast video to connect to another.
-            // TODO: because if the offerer doesn't add video tracks they
-            // won't request video support so the answerer's video isn't sent
-            if (!this.webcam.active) {
-                this.ChatServer("You will need to turn your own camera on first before you can connect to " + user.username + ".");
-                // return;
+                this.closeVideo(user.username);
+                return;
             }
 
             this.sendOpen(user.username);
+
+            // Responsive CSS -> go to chat panel to see the camera
+            this.openChatPanel();
         },
         closeVideo(username) {
             // A user has logged off the server. Clean up any WebRTC connections.
             delete (this.WebRTC.streams[username]);
+            delete (this.webcam.watching[username]);
             if (this.WebRTC.pc[username] != undefined) {
                 this.WebRTC.pc[username].close();
                 delete (this.WebRTC.pc[username]);
             }
+
+            // Inform backend we have closed it.
+            this.sendWatch(username, false);
+        },
+
+        // Show who watches our video.
+        showViewers() {
+            // TODO: for now, ChatClient is our bro.
+            let users = Object.keys(this.webcam.watching);
+            if (users.length === 0) {
+                this.ChatClient("There is currently nobody viewing your camera.");
+            } else {
+                this.ChatClient("Your current webcam viewers are:<br><br>" + users.join(", "));
+            }
         },
 
         // Stop broadcasting.
@@ -727,6 +771,29 @@ const app = Vue.createApp({
             this.sendMe();
         },
 
+        // Mute my microphone if broadcasting.
+        muteMe() {
+            this.webcam.muted = !this.webcam.muted;
+            this.webcam.stream.getAudioTracks().forEach(track => {
+                console.error("Set audio track enabled=%s", !this.webcam.muted, track);
+                track.enabled = !this.webcam.muted;
+            });
+        },
+        isMuted(username) {
+            return this.WebRTC.muted[username] === true;
+        },
+        muteVideo(username) {
+            this.WebRTC.muted[username] = !this.isMuted(username);
+            console.error("muteVideo(%s) is not muted=%s", username, this.WebRTC.muted[username]);
+
+            // Find the <video> tag to mute it.
+            let $ref = document.getElementById(`videofeed-${username}`);
+            console.log("Video elem:", $ref);
+            if ($ref) {
+                $ref.muted = this.WebRTC.muted[username];
+            }
+        },
+
         initHistory(channel) {
             if (this.channels[channel] == undefined) {
                 this.channels[channel] = {
diff --git a/web/templates/about.html b/web/templates/about.html
new file mode 100644
index 0000000..b8b6d73
--- /dev/null
+++ b/web/templates/about.html
@@ -0,0 +1,55 @@
+{{define "index"}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/static/css/bulma.min.css">
+    <link rel="stylesheet" type="text/css" href="/static/css/bulma-prefers-dark.css">
+    <link rel="stylesheet" href="/static/fontawesome-free-6.1.2-web/css/all.css">
+    <link rel="stylesheet" type="text/css" href="/static/css/chat.css?{{.CacheHash}}">
+    <title>About BareRTC</title>
+</head>
+<body>
+
+    <div class="container is-fullhd">
+        <div class="content mt-5">
+            <h1>About BareRTC</h1>
+
+            <p>
+            This chat room software is called <strong>BareRTC</strong> and this
+            page contains information about the software and how to use it.
+            </p>
+
+            <p>
+            BareRTC is an open source project released under the GNU General Public
+            License with code available
+            <a href="https://git.kirsle.net/apps/BareRTC" target="_blank">here</a>.
+            </p>
+
+            <h1>About {{AsHTML .Config.Title}}</h1>
+
+            <p>
+            <strong>{{AsHTML .Config.Title}}</strong> is the name of this particular
+            BareRTC server. The administrator may have left some links to more
+            info below:
+            </p>
+
+            <ul>
+                <li><strong>Website:</strong>
+                    <a href="{{.Config.WebsiteURL}}" target="_blank">{{.Config.WebsiteURL}}</a>
+                </li>
+            </ul>
+
+            <hr>
+
+            <p>
+            This page will be fleshed out later with help and tips for using this
+            chat room.
+            </p>
+        </div>
+    </div>
+
+</body>
+</html>
+{{end}}
\ No newline at end of file
diff --git a/web/templates/chat.html b/web/templates/chat.html
index 2e1a65b..f150843 100644
--- a/web/templates/chat.html
+++ b/web/templates/chat.html
@@ -5,6 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="/static/css/bulma.min.css">
+    <link rel="stylesheet" type="text/css" href="/static/css/bulma-prefers-dark.css">
     <link rel="stylesheet" href="/static/fontawesome-free-6.1.2-web/css/all.css">
     <link rel="stylesheet" type="text/css" href="/static/css/chat.css?{{.CacheHash}}">
     <title>BareRTC</title>
@@ -46,6 +47,61 @@
 
     <div class="chat-container">
 
+        <!-- Top header panel -->
+        <header class="chat-header">
+            <div class="columns is-mobile">
+                <div class="column is-narrow">
+                    <strong class="is-6">{{AsHTML .Config.Title}}</strong>
+                </div>
+                <div class="column">
+                    <!-- Stop/Start video buttons -->
+                    <button type="button"
+                        v-if="webcam.active"
+                        class="button is-small is-danger"
+                        @click="stopVideo()">
+                        <i class="fa fa-camera mr-2"></i>
+                        Stop
+                    </button>
+                    <button type="button"
+                        v-else
+                        class="button is-small is-success"
+                        @click="startVideo()"
+                        :disabled="webcam.busy">
+                        <i class="fa fa-camera mr-2"></i>
+                        Start
+                    </button>
+
+                    <!-- Mute/Unmute my mic buttons (if streaming)-->
+                    <button type="button"
+                        v-if="webcam.active && !webcam.muted"
+                        class="button is-small is-danger is-outlined ml-2"
+                        @click="muteMe()">
+                        <i class="fa fa-microphone mr-2"></i>
+                        Mute
+                    </button>
+                    <button type="button"
+                        v-if="webcam.active && webcam.muted"
+                        class="button is-small is-danger ml-2"
+                        @click="muteMe()">
+                        <i class="fa fa-microphone mr-2"></i>
+                        Unmute
+                    </button>
+
+                    <!-- Watchers button -->
+                    <button type="button"
+                        v-if="webcam.active"
+                        class="button is-small is-info is-outlined ml-2"
+                        @click="showViewers()">
+                        <i class="fa fa-eye mr-2"></i>
+                        [[Object.keys(webcam.watching).length]]
+                    </button>
+                </div>
+                <div class="column is-narrow">
+                    <a href="/about" target="_blank" class="button is-small is-link">About</a>
+                </div>
+            </div>
+        </header>
+
         <!-- Left Column: Channels & DMs -->
         <div class="left-column">
             <div class="card grid-card">
@@ -107,6 +163,7 @@
             </div>
         </div>
 
+        <!-- Middle Column: Chat Room/History -->
         <div class="chat-column">
             <div class="card grid-card">
                 <header class="card-header has-background-link">
@@ -154,18 +211,49 @@
                     </div>
                 </header>
                 <div class="video-feeds" v-show="webcam.active || Object.keys(WebRTC.streams).length > 0">
+                    <!-- Video Feeds-->
+
+                    <!-- My video -->
                     <video class="feed"
                         v-show="webcam.active"
                         id="localVideo"
                         autoplay muted>
-                        x
-                    </video>
-                    <video class="feed"
-                        v-for="(stream, username) in WebRTC.streams"
-                        v-bind:key="username"
-                        :id="'videofeed-'+username"
-                        autoplay muted>
                     </video>
+
+                    <!-- Others' videos -->
+                    <div class="feed" v-for="(stream, username) in WebRTC.streams" v-bind:key="username">
+                        <video class="feed"
+                            :id="'videofeed-'+username"
+                            autoplay>
+                        </video>
+                        <div class="caption">
+                            [[username]]
+                        </div>
+                        <div class="close">
+                            <a href="#"
+                                class="has-text-danger"
+                                title="Close video"
+                                @click="closeVideo(username)">
+                                <i class="fa fa-close"></i>
+                            </a>
+                        </div>
+                        <div class="controls">
+                            <button type="button"
+                                v-if="isMuted(username)"
+                                class="button is-small is-danger is-outlined p-1"
+                                title="Unmute this video"
+                                @click="muteVideo(username)">
+                                <i class="fa fa-volume-xmark"></i>
+                            </button>
+                            <button type="button"
+                                v-else
+                                class="button is-small is-danger is-outlined p-1"
+                                title="Mute this video"
+                                @click="muteVideo(username)">
+                                <i class="fa fa-volume-high"></i>
+                            </button>
+                        </div>
+                    </div>
                 </div>
                 <div class="card-content" id="chatHistory">
 
@@ -243,22 +331,7 @@
                             </form>
                         </div>
                         <div class="column is-narrow">
-                            <button type="button"
-                                v-if="webcam.active"
-                                class="button is-danger"
-                                @click="stopVideo()">
-                                <i class="fa fa-camera mr-2"></i>
-                                Stop
-                            </button>
 
-                            <button type="button"
-                                v-else
-                                class="button is-success"
-                                @click="startVideo()"
-                                :disabled="webcam.busy">
-                                <i class="fa fa-camera mr-2"></i>
-                                Start
-                            </button>
                         </div>
                     </div>