npm - @guillotinaweb/react-gmi - Versions diffs - 0.33.0 → 0.34.1 - Mend

@guillotinaweb/react-gmi 0.33.0 → 0.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

package/README.md +90 -61
package/dist/css/style.css +336 -334
package/dist/css/style.css.map +1 -1
package/dist/favicon.ico +0 -0
package/dist/index.d.ts +1821 -30
package/dist/index.html +44 -0
package/dist/logo.svg +35 -0
package/dist/logo512.png +0 -0
package/dist/manifest.json +25 -0
package/dist/react-gmi.js +24071 -14066
package/dist/react-gmi.js.map +1 -1
package/dist/react-gmi.modern.js +24315 -14176
package/dist/react-gmi.modern.js.map +1 -1
package/dist/robots.txt +2 -0
package/package.json +52 -52
package/dist/actions/add_item.d.ts +0 -5
package/dist/actions/change_pass.d.ts +0 -1
package/dist/actions/copy_item.d.ts +0 -6
package/dist/actions/copy_items.d.ts +0 -8
package/dist/actions/index.d.ts +0 -2
package/dist/actions/move_item.d.ts +0 -6
package/dist/actions/move_items.d.ts +0 -8
package/dist/actions/remove_item.d.ts +0 -6
package/dist/actions/remove_items.d.ts +0 -7
package/dist/components/Link.d.ts +0 -11
package/dist/components/TdLink.d.ts +0 -11
package/dist/components/behavior_view.d.ts +0 -8
package/dist/components/behaviors/iattachment.d.ts +0 -11
package/dist/components/behaviors/idublincore.d.ts +0 -10
package/dist/components/behaviors/iimageattachment.d.ts +0 -9
package/dist/components/behaviors/imultiattachment.d.ts +0 -11
package/dist/components/behaviors/imultiimageattachment.d.ts +0 -11
package/dist/components/behaviors/imultiimageorderedattachment.d.ts +0 -11
package/dist/components/behaviors/iworkflow.d.ts +0 -1
package/dist/components/context_toolbar.d.ts +0 -7
package/dist/components/error_boundary.d.ts +0 -6
package/dist/components/error_zone.d.ts +0 -16
package/dist/components/fields/downloadField.d.ts +0 -11
package/dist/components/fields/editComponent.d.ts +0 -15
package/dist/components/fields/editableField.d.ts +0 -12
package/dist/components/fields/renderField.d.ts +0 -34
package/dist/components/flash.d.ts +0 -1
package/dist/components/guillotina.d.ts +0 -12
package/dist/components/index.d.ts +0 -56
package/dist/components/input/button.d.ts +0 -12
package/dist/components/input/checkbox.d.ts +0 -18
package/dist/components/input/dropdown.d.ts +0 -15
package/dist/components/input/email.d.ts +0 -9
package/dist/components/input/form.d.ts +0 -13
package/dist/components/input/form_builder.d.ts +0 -15
package/dist/components/input/index.d.ts +0 -14
package/dist/components/input/input.d.ts +0 -26
package/dist/components/input/input_list.d.ts +0 -9
package/dist/components/input/password.d.ts +0 -8
package/dist/components/input/search_input.d.ts +0 -21
package/dist/components/input/search_input_list.d.ts +0 -21
package/dist/components/input/select.d.ts +0 -25
package/dist/components/input/select_vocabulary.d.ts +0 -15
package/dist/components/input/textarea.d.ts +0 -15
package/dist/components/input/upload.d.ts +0 -8
package/dist/components/item.d.ts +0 -22
package/dist/components/layout.d.ts +0 -9
package/dist/components/login.d.ts +0 -10
package/dist/components/modal.d.ts +0 -24
package/dist/components/notallowed.d.ts +0 -1
package/dist/components/notfound.d.ts +0 -1
package/dist/components/pagination.d.ts +0 -8
package/dist/components/panel/actions.d.ts +0 -1
package/dist/components/panel/addons.d.ts +0 -1
package/dist/components/panel/behaviors.d.ts +0 -1
package/dist/components/panel/index.d.ts +0 -4
package/dist/components/panel/items.d.ts +0 -1
package/dist/components/panel/permissions.d.ts +0 -7
package/dist/components/panel/permissions_prinperm.d.ts +0 -17
package/dist/components/panel/permissions_prinrole.d.ts +0 -17
package/dist/components/panel/permissions_roleperm.d.ts +0 -17
package/dist/components/panel/properties.d.ts +0 -1
package/dist/components/path.d.ts +0 -1
package/dist/components/properties_view.d.ts +0 -3
package/dist/components/search_labels.d.ts +0 -5
package/dist/components/search_options_labels.d.ts +0 -9
package/dist/components/search_vocabulary_labels.d.ts +0 -6
package/dist/components/selected_items_actions.d.ts +0 -49
package/dist/components/tabs.d.ts +0 -13
package/dist/components/ui/delete.d.ts +0 -8
package/dist/components/ui/icon.d.ts +0 -7
package/dist/components/ui/index.d.ts +0 -6
package/dist/components/ui/loading.d.ts +0 -6
package/dist/components/ui/notification.d.ts +0 -7
package/dist/components/ui/table.d.ts +0 -8
package/dist/components/ui/tag.d.ts +0 -9
package/dist/components/widgets/index.d.ts +0 -1
package/dist/components/widgets/tags.d.ts +0 -13
package/dist/contexts/index.d.ts +0 -57
package/dist/forms/base.d.ts +0 -12
package/dist/forms/required_fields.d.ts +0 -11
package/dist/forms/users.d.ts +0 -13
package/dist/hooks/useClickAway.d.ts +0 -2
package/dist/hooks/useConfig.d.ts +0 -19
package/dist/hooks/useCrudContext.d.ts +0 -21
package/dist/hooks/useInput.d.ts +0 -11
package/dist/hooks/useLocation.d.ts +0 -6
package/dist/hooks/useMountedState.d.ts +0 -1
package/dist/hooks/useRegistry.d.ts +0 -90
package/dist/hooks/useRemoteField.d.ts +0 -2
package/dist/hooks/useSetState.d.ts +0 -6
package/dist/hooks/useVocabulary.d.ts +0 -8
package/dist/lib/auth.d.ts +0 -26
package/dist/lib/client.d.ts +0 -61
package/dist/lib/helpers.d.ts +0 -16
package/dist/lib/processResponse.d.ts +0 -9
package/dist/lib/rest.d.ts +0 -16
package/dist/lib/search.d.ts +0 -2
package/dist/lib/utils.d.ts +0 -5
package/dist/lib/validators.d.ts +0 -12
package/dist/locales/generic_messages.d.ts +0 -248
package/dist/models/index.d.ts +0 -17
package/dist/models/sharing.d.ts +0 -12
package/dist/react-gmi.umd.js +0 -14776
package/dist/react-gmi.umd.js.map +0 -1
package/dist/reducers/guillotina.d.ts +0 -35
package/dist/types/global.d.ts +0 -17
package/dist/types/guillotina.d.ts +0 -279
package/dist/views/application.d.ts +0 -13
package/dist/views/base.d.ts +0 -5
package/dist/views/container.d.ts +0 -1
package/dist/views/folder.d.ts +0 -1
package/dist/views/groups.d.ts +0 -3
package/dist/views/item.d.ts +0 -1
package/dist/views/users.d.ts +0 -3

package/dist/css/style.css CHANGED Viewed

@@ -96,7 +96,7 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields
   user-select: none;
   -moz-appearance: none;
   -webkit-appearance: none;
-  background-color: rgba(10, 10, 10, 0.2);
+  background-color: rgba(10.2, 10.2, 10.2, 0.2);
   border: none;
   border-radius: 9999px;
   cursor: pointer;
@@ -134,10 +134,10 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields
   width: 2px;
 }
 .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
-  background-color: rgba(10, 10, 10, 0.3);
+  background-color: rgba(10.2, 10.2, 10.2, 0.3);
 }
 .modal-close:active, .delete:active {
-  background-color: rgba(10, 10, 10, 0.4);
+  background-color: rgba(10.2, 10.2, 10.2, 0.4);
 }
 .is-small.modal-close, .is-small.delete {
   height: 16px;
@@ -355,7 +355,7 @@ a:hover {
 code {
   background-color: hsl(0, 0%, 96%);
-  color: #da1039;
+  color: hsl(348, 86%, 46%);
   font-size: 0.875em;
   font-weight: normal;
   padding: 0.25em 0.5em 0.25em;
@@ -438,17 +438,17 @@ table th {
 .box {
   background-color: hsl(0, 0%, 100%);
   border-radius: 6px;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
   color: hsl(0, 0%, 29%);
   display: block;
   padding: 1.25rem;
 }
 a.box:hover, a.box:focus {
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px hsl(229, 53%, 53%);
+  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px hsl(229, 53%, 53%);
 }
 a.box:active {
-  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px hsl(229, 53%, 53%);
+  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px hsl(229, 53%, 53%);
 }
 .button {
@@ -493,7 +493,7 @@ a.box:active {
   color: hsl(0, 0%, 21%);
 }
 .button:focus:not(:active), .button.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .button:active, .button.is-active {
   border-color: hsl(0, 0%, 29%);
@@ -510,7 +510,7 @@ a.box:active {
   color: hsl(0, 0%, 21%);
 }
 .button.is-text:active, .button.is-text.is-active {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   color: hsl(0, 0%, 21%);
 }
 .button.is-text[disabled], fieldset[disabled] .button.is-text {
@@ -534,7 +534,7 @@ a.box:active {
   color: hsl(0, 0%, 4%);
 }
 .button.is-white:hover, .button.is-white.is-hovered {
-  background-color: #f9f9f9;
+  background-color: hsl(0, 0%, 97.5%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -546,7 +546,7 @@ a.box:active {
   box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
 }
 .button.is-white:active, .button.is-white.is-active {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -560,7 +560,7 @@ a.box:active {
   color: hsl(0, 0%, 100%);
 }
 .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
 }
 .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
   background-color: hsl(0, 0%, 4%);
@@ -617,7 +617,7 @@ a.box:active {
   color: hsl(0, 0%, 100%);
 }
 .button.is-black:hover, .button.is-black.is-hovered {
-  background-color: #040404;
+  background-color: hsl(0, 0%, 1.5%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -626,10 +626,10 @@ a.box:active {
   color: hsl(0, 0%, 100%);
 }
 .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
 }
 .button.is-black:active, .button.is-black.is-active {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -643,7 +643,7 @@ a.box:active {
   color: hsl(0, 0%, 4%);
 }
 .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
 }
 .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
   background-color: hsl(0, 0%, 100%);
@@ -700,7 +700,7 @@ a.box:active {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-light:hover, .button.is-light.is-hovered {
-  background-color: #eeeeee;
+  background-color: hsl(0, 0%, 93.5%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -709,10 +709,10 @@ a.box:active {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
 }
 .button.is-light:active, .button.is-light.is-active {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -783,7 +783,7 @@ a.box:active {
   color: #fff;
 }
 .button.is-dark:hover, .button.is-dark.is-hovered {
-  background-color: #2f2f2f;
+  background-color: hsl(0, 0%, 18.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -792,10 +792,10 @@ a.box:active {
   color: #fff;
 }
 .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25);
 }
 .button.is-dark:active, .button.is-dark.is-active {
-  background-color: #292929;
+  background-color: hsl(0, 0%, 16%);
   border-color: transparent;
   color: #fff;
 }
@@ -809,7 +809,7 @@ a.box:active {
   color: hsl(0, 0%, 21%);
 }
 .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
   background-color: #fff;
@@ -866,7 +866,7 @@ a.box:active {
   color: #fff;
 }
 .button.is-primary:hover, .button.is-primary.is-hovered {
-  background-color: #00c4a7;
+  background-color: hsl(171, 100%, 38.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -875,10 +875,10 @@ a.box:active {
   color: #fff;
 }
 .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25);
 }
 .button.is-primary:active, .button.is-primary.is-active {
-  background-color: #00b89c;
+  background-color: hsl(171, 100%, 36%);
   border-color: transparent;
   color: #fff;
 }
@@ -892,7 +892,7 @@ a.box:active {
   color: hsl(171, 100%, 41%);
 }
 .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
   background-color: #fff;
@@ -944,18 +944,18 @@ a.box:active {
   color: #fff;
 }
 .button.is-primary.is-light {
-  background-color: #ebfffc;
-  color: #00947e;
+  background-color: hsl(171, 100%, 96%);
+  color: hsl(171, 100%, 29%);
 }
 .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
-  background-color: #defffa;
+  background-color: hsl(171, 100%, 93.5%);
   border-color: transparent;
-  color: #00947e;
+  color: hsl(171, 100%, 29%);
 }
 .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
-  background-color: #d1fff8;
+  background-color: hsl(171, 100%, 91%);
   border-color: transparent;
-  color: #00947e;
+  color: hsl(171, 100%, 29%);
 }
 .button.is-link {
   background-color: hsl(229, 53%, 53%);
@@ -963,7 +963,7 @@ a.box:active {
   color: #fff;
 }
 .button.is-link:hover, .button.is-link.is-hovered {
-  background-color: #3e56c4;
+  background-color: hsl(229, 53%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -972,10 +972,10 @@ a.box:active {
   color: #fff;
 }
 .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .button.is-link:active, .button.is-link.is-active {
-  background-color: #3a51bb;
+  background-color: hsl(229, 53%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -989,7 +989,7 @@ a.box:active {
   color: hsl(229, 53%, 53%);
 }
 .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
   background-color: #fff;
@@ -1041,18 +1041,18 @@ a.box:active {
   color: #fff;
 }
 .button.is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
+  background-color: hsl(229, 53%, 96%);
+  color: hsl(229, 53%, 47%);
 }
 .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
-  background-color: #e6e9f7;
+  background-color: hsl(229, 53%, 93.5%);
   border-color: transparent;
-  color: #3850b7;
+  color: hsl(229, 53%, 47%);
 }
 .button.is-link.is-light:active, .button.is-link.is-light.is-active {
-  background-color: #dce0f4;
+  background-color: hsl(229, 53%, 91%);
   border-color: transparent;
-  color: #3850b7;
+  color: hsl(229, 53%, 47%);
 }
 .button.is-info {
   background-color: hsl(207, 61%, 53%);
@@ -1060,7 +1060,7 @@ a.box:active {
   color: #fff;
 }
 .button.is-info:hover, .button.is-info.is-hovered {
-  background-color: #3488ce;
+  background-color: hsl(207, 61%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -1069,10 +1069,10 @@ a.box:active {
   color: #fff;
 }
 .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
 }
 .button.is-info:active, .button.is-info.is-active {
-  background-color: #3082c5;
+  background-color: hsl(207, 61%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -1086,7 +1086,7 @@ a.box:active {
   color: hsl(207, 61%, 53%);
 }
 .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
   background-color: #fff;
@@ -1138,18 +1138,18 @@ a.box:active {
   color: #fff;
 }
 .button.is-info.is-light {
-  background-color: #eff5fb;
-  color: #296fa8;
+  background-color: hsl(207, 61%, 96%);
+  color: hsl(207, 61%, 41%);
 }
 .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
-  background-color: #e4eff9;
+  background-color: hsl(207, 61%, 93.5%);
   border-color: transparent;
-  color: #296fa8;
+  color: hsl(207, 61%, 41%);
 }
 .button.is-info.is-light:active, .button.is-info.is-light.is-active {
-  background-color: #dae9f6;
+  background-color: hsl(207, 61%, 91%);
   border-color: transparent;
-  color: #296fa8;
+  color: hsl(207, 61%, 41%);
 }
 .button.is-success {
   background-color: hsl(153, 53%, 53%);
@@ -1157,7 +1157,7 @@ a.box:active {
   color: #fff;
 }
 .button.is-success:hover, .button.is-success.is-hovered {
-  background-color: #3ec487;
+  background-color: hsl(153, 53%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -1166,10 +1166,10 @@ a.box:active {
   color: #fff;
 }
 .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25);
 }
 .button.is-success:active, .button.is-success.is-active {
-  background-color: #3abb81;
+  background-color: hsl(153, 53%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -1183,7 +1183,7 @@ a.box:active {
   color: hsl(153, 53%, 53%);
 }
 .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
   background-color: #fff;
@@ -1235,18 +1235,18 @@ a.box:active {
   color: #fff;
 }
 .button.is-success.is-light {
-  background-color: #effaf5;
-  color: #257953;
+  background-color: hsl(153, 53%, 96%);
+  color: hsl(153, 53%, 31%);
 }
 .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
-  background-color: #e6f7ef;
+  background-color: hsl(153, 53%, 93.5%);
   border-color: transparent;
-  color: #257953;
+  color: hsl(153, 53%, 31%);
 }
 .button.is-success.is-light:active, .button.is-success.is-light.is-active {
-  background-color: #dcf4e9;
+  background-color: hsl(153, 53%, 91%);
   border-color: transparent;
-  color: #257953;
+  color: hsl(153, 53%, 31%);
 }
 .button.is-warning {
   background-color: hsl(44, 100%, 77%);
@@ -1254,7 +1254,7 @@ a.box:active {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-warning:hover, .button.is-warning.is-hovered {
-  background-color: #ffdc7d;
+  background-color: hsl(44, 100%, 74.5%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -1263,10 +1263,10 @@ a.box:active {
   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, 224, 138, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25);
 }
 .button.is-warning:active, .button.is-warning.is-active {
-  background-color: #ffd970;
+  background-color: hsl(44, 100%, 72%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -1332,18 +1332,18 @@ a.box:active {
   color: rgba(0, 0, 0, 0.7);
 }
 .button.is-warning.is-light {
-  background-color: #fffaeb;
-  color: #946c00;
+  background-color: hsl(44, 100%, 96%);
+  color: hsl(44, 100%, 29%);
 }
 .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
-  background-color: #fff6de;
+  background-color: hsl(44, 100%, 93.5%);
   border-color: transparent;
-  color: #946c00;
+  color: hsl(44, 100%, 29%);
 }
 .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
-  background-color: #fff3d1;
+  background-color: hsl(44, 100%, 91%);
   border-color: transparent;
-  color: #946c00;
+  color: hsl(44, 100%, 29%);
 }
 .button.is-danger {
   background-color: hsl(348, 86%, 61%);
@@ -1351,7 +1351,7 @@ a.box:active {
   color: #fff;
 }
 .button.is-danger:hover, .button.is-danger.is-hovered {
-  background-color: #f03a5f;
+  background-color: hsl(348, 86%, 58.5%);
   border-color: transparent;
   color: #fff;
 }
@@ -1360,10 +1360,10 @@ a.box:active {
   color: #fff;
 }
 .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25);
 }
 .button.is-danger:active, .button.is-danger.is-active {
-  background-color: #ef2e55;
+  background-color: hsl(348, 86%, 56%);
   border-color: transparent;
   color: #fff;
 }
@@ -1377,7 +1377,7 @@ a.box:active {
   color: hsl(348, 86%, 61%);
 }
 .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
 }
 .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
   background-color: #fff;
@@ -1429,25 +1429,25 @@ a.box:active {
   color: #fff;
 }
 .button.is-danger.is-light {
-  background-color: #feecf0;
-  color: #cc0f35;
+  background-color: hsl(348, 86%, 96%);
+  color: hsl(348, 86%, 43%);
 }
 .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
-  background-color: #fde0e6;
+  background-color: hsl(348, 86%, 93.5%);
   border-color: transparent;
-  color: #cc0f35;
+  color: hsl(348, 86%, 43%);
 }
 .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
-  background-color: #fcd4dc;
+  background-color: hsl(348, 86%, 91%);
   border-color: transparent;
-  color: #cc0f35;
-}
-.button.is-small {
-  font-size: 0.75rem;
+  color: hsl(348, 86%, 43%);
 }
 .button.is-small:not(.is-rounded) {
   border-radius: 2px;
 }
+.button.is-small {
+  font-size: 0.75rem;
+}
 .button.is-normal {
   font-size: 1rem;
 }
@@ -1508,12 +1508,12 @@ a.box:active {
 .buttons:not(:last-child) {
   margin-bottom: 1rem;
 }
-.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
-  font-size: 0.75rem;
-}
 .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
   border-radius: 2px;
 }
+.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
+  font-size: 0.75rem;
+}
 .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
   font-size: 1.25rem;
 }
@@ -2000,48 +2000,48 @@ div.icon-text {
   color: #fff;
 }
 .notification.is-primary.is-light {
-  background-color: #ebfffc;
-  color: #00947e;
+  background-color: hsl(171, 100%, 96%);
+  color: hsl(171, 100%, 29%);
 }
 .notification.is-link {
   background-color: hsl(229, 53%, 53%);
   color: #fff;
 }
 .notification.is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
+  background-color: hsl(229, 53%, 96%);
+  color: hsl(229, 53%, 47%);
 }
 .notification.is-info {
   background-color: hsl(207, 61%, 53%);
   color: #fff;
 }
 .notification.is-info.is-light {
-  background-color: #eff5fb;
-  color: #296fa8;
+  background-color: hsl(207, 61%, 96%);
+  color: hsl(207, 61%, 41%);
 }
 .notification.is-success {
   background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .notification.is-success.is-light {
-  background-color: #effaf5;
-  color: #257953;
+  background-color: hsl(153, 53%, 96%);
+  color: hsl(153, 53%, 31%);
 }
 .notification.is-warning {
   background-color: hsl(44, 100%, 77%);
   color: rgba(0, 0, 0, 0.7);
 }
 .notification.is-warning.is-light {
-  background-color: #fffaeb;
-  color: #946c00;
+  background-color: hsl(44, 100%, 96%);
+  color: hsl(44, 100%, 29%);
 }
 .notification.is-danger {
   background-color: hsl(348, 86%, 61%);
   color: #fff;
 }
 .notification.is-danger.is-light {
-  background-color: #feecf0;
-  color: #cc0f35;
+  background-color: hsl(348, 86%, 96%);
+  color: hsl(348, 86%, 43%);
 }
 .progress {
@@ -2486,48 +2486,48 @@ div.icon-text {
   color: #fff;
 }
 .tag:not(body).is-primary.is-light {
-  background-color: #ebfffc;
-  color: #00947e;
+  background-color: hsl(171, 100%, 96%);
+  color: hsl(171, 100%, 29%);
 }
 .tag:not(body).is-link {
   background-color: hsl(229, 53%, 53%);
   color: #fff;
 }
 .tag:not(body).is-link.is-light {
-  background-color: #eff1fa;
-  color: #3850b7;
+  background-color: hsl(229, 53%, 96%);
+  color: hsl(229, 53%, 47%);
 }
 .tag:not(body).is-info {
   background-color: hsl(207, 61%, 53%);
   color: #fff;
 }
 .tag:not(body).is-info.is-light {
-  background-color: #eff5fb;
-  color: #296fa8;
+  background-color: hsl(207, 61%, 96%);
+  color: hsl(207, 61%, 41%);
 }
 .tag:not(body).is-success {
   background-color: hsl(153, 53%, 53%);
   color: #fff;
 }
 .tag:not(body).is-success.is-light {
-  background-color: #effaf5;
-  color: #257953;
+  background-color: hsl(153, 53%, 96%);
+  color: hsl(153, 53%, 31%);
 }
 .tag:not(body).is-warning {
   background-color: hsl(44, 100%, 77%);
   color: rgba(0, 0, 0, 0.7);
 }
 .tag:not(body).is-warning.is-light {
-  background-color: #fffaeb;
-  color: #946c00;
+  background-color: hsl(44, 100%, 96%);
+  color: hsl(44, 100%, 29%);
 }
 .tag:not(body).is-danger {
   background-color: hsl(348, 86%, 61%);
   color: #fff;
 }
 .tag:not(body).is-danger.is-light {
-  background-color: #feecf0;
-  color: #cc0f35;
+  background-color: hsl(348, 86%, 96%);
+  color: hsl(348, 86%, 43%);
 }
 .tag:not(body).is-normal {
   font-size: 0.75rem;
@@ -2575,10 +2575,10 @@ div.icon-text {
   width: 1px;
 }
 .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
 }
 .tag:not(body).is-delete:active {
-  background-color: #dbdbdb;
+  background-color: hsl(0, 0%, 86%);
 }
 .tag:not(body).is-rounded {
   border-radius: 9999px;
@@ -2712,23 +2712,23 @@ a.tag:hover {
   color: hsl(0, 0%, 21%);
 }
 .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: rgba(53.55, 53.55, 53.55, 0.3);
 }
 .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: rgba(53.55, 53.55, 53.55, 0.3);
 }
 .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: rgba(53.55, 53.55, 53.55, 0.3);
 }
 .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
-  color: rgba(54, 54, 54, 0.3);
+  color: rgba(53.55, 53.55, 53.55, 0.3);
 }
 .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
   border-color: hsl(0, 0%, 71%);
 }
 .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
   border-color: hsl(229, 53%, 53%);
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
   background-color: hsl(0, 0%, 96%);
@@ -2737,20 +2737,20 @@ a.tag:hover {
   color: hsl(0, 0%, 48%);
 }
 .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: rgba(122.4, 122.4, 122.4, 0.3);
 }
 .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: rgba(122.4, 122.4, 122.4, 0.3);
 }
 .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: rgba(122.4, 122.4, 122.4, 0.3);
 }
 .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
-  color: rgba(122, 122, 122, 0.3);
+  color: rgba(122.4, 122.4, 122.4, 0.3);
 }
 .textarea, .input {
-  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
+  box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05);
   max-width: 100%;
   width: 100%;
 }
@@ -2767,55 +2767,55 @@ a.tag:hover {
   border-color: hsl(0, 0%, 4%);
 }
 .is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
 }
 .is-light.textarea, .is-light.input {
   border-color: hsl(0, 0%, 96%);
 }
 .is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
 }
 .is-dark.textarea, .is-dark.input {
   border-color: hsl(0, 0%, 21%);
 }
 .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25);
 }
 .is-primary.textarea, .is-primary.input {
   border-color: hsl(171, 100%, 41%);
 }
 .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25);
 }
 .is-link.textarea, .is-link.input {
   border-color: hsl(229, 53%, 53%);
 }
 .is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .is-info.textarea, .is-info.input {
   border-color: hsl(207, 61%, 53%);
 }
 .is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
 }
 .is-success.textarea, .is-success.input {
   border-color: hsl(153, 53%, 53%);
 }
 .is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25);
 }
 .is-warning.textarea, .is-warning.input {
   border-color: hsl(44, 100%, 77%);
 }
 .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25);
 }
 .is-danger.textarea, .is-danger.input {
   border-color: hsl(348, 86%, 61%);
 }
 .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
-  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25);
 }
 .is-small.textarea, .is-small.input {
   border-radius: 2px;
@@ -2941,7 +2941,7 @@ a.tag:hover {
   border-color: hsl(0, 0%, 100%);
 }
 .select.is-white select:hover, .select.is-white select.is-hovered {
-  border-color: #f2f2f2;
+  border-color: hsl(0, 0%, 95%);
 }
 .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(255, 255, 255, 0.25);
@@ -2953,10 +2953,10 @@ a.tag:hover {
   border-color: hsl(0, 0%, 4%);
 }
 .select.is-black select:hover, .select.is-black select.is-hovered {
-  border-color: black;
+  border-color: hsl(0, 0%, 0%);
 }
 .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(10, 10, 10, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
 }
 .select.is-light:not(:hover)::after {
   border-color: hsl(0, 0%, 96%);
@@ -2965,10 +2965,10 @@ a.tag:hover {
   border-color: hsl(0, 0%, 96%);
 }
 .select.is-light select:hover, .select.is-light select.is-hovered {
-  border-color: #e8e8e8;
+  border-color: hsl(0, 0%, 91%);
 }
 .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(245, 245, 245, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
 }
 .select.is-dark:not(:hover)::after {
   border-color: hsl(0, 0%, 21%);
@@ -2977,10 +2977,10 @@ a.tag:hover {
   border-color: hsl(0, 0%, 21%);
 }
 .select.is-dark select:hover, .select.is-dark select.is-hovered {
-  border-color: #292929;
+  border-color: hsl(0, 0%, 16%);
 }
 .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(54, 54, 54, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25);
 }
 .select.is-primary:not(:hover)::after {
   border-color: hsl(171, 100%, 41%);
@@ -2989,10 +2989,10 @@ a.tag:hover {
   border-color: hsl(171, 100%, 41%);
 }
 .select.is-primary select:hover, .select.is-primary select.is-hovered {
-  border-color: #00b89c;
+  border-color: hsl(171, 100%, 36%);
 }
 .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, 209, 178, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25);
 }
 .select.is-link:not(:hover)::after {
   border-color: hsl(229, 53%, 53%);
@@ -3001,10 +3001,10 @@ a.tag:hover {
   border-color: hsl(229, 53%, 53%);
 }
 .select.is-link select:hover, .select.is-link select.is-hovered {
-  border-color: #3a51bb;
+  border-color: hsl(229, 53%, 48%);
 }
 .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(72, 95, 199, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25);
 }
 .select.is-info:not(:hover)::after {
   border-color: hsl(207, 61%, 53%);
@@ -3013,10 +3013,10 @@ a.tag:hover {
   border-color: hsl(207, 61%, 53%);
 }
 .select.is-info select:hover, .select.is-info select.is-hovered {
-  border-color: #3082c5;
+  border-color: hsl(207, 61%, 48%);
 }
 .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(62, 142, 208, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
 }
 .select.is-success:not(:hover)::after {
   border-color: hsl(153, 53%, 53%);
@@ -3025,10 +3025,10 @@ a.tag:hover {
   border-color: hsl(153, 53%, 53%);
 }
 .select.is-success select:hover, .select.is-success select.is-hovered {
-  border-color: #3abb81;
+  border-color: hsl(153, 53%, 48%);
 }
 .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(72, 199, 142, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25);
 }
 .select.is-warning:not(:hover)::after {
   border-color: hsl(44, 100%, 77%);
@@ -3037,10 +3037,10 @@ a.tag:hover {
   border-color: hsl(44, 100%, 77%);
 }
 .select.is-warning select:hover, .select.is-warning select.is-hovered {
-  border-color: #ffd970;
+  border-color: hsl(44, 100%, 72%);
 }
 .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, 224, 138, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25);
 }
 .select.is-danger:not(:hover)::after {
   border-color: hsl(348, 86%, 61%);
@@ -3049,10 +3049,10 @@ a.tag:hover {
   border-color: hsl(348, 86%, 61%);
 }
 .select.is-danger select:hover, .select.is-danger select.is-hovered {
-  border-color: #ef2e55;
+  border-color: hsl(348, 86%, 56%);
 }
 .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(241, 70, 104, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25);
 }
 .select.is-small {
   border-radius: 2px;
@@ -3103,7 +3103,7 @@ a.tag:hover {
   color: hsl(0, 0%, 4%);
 }
 .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
-  background-color: #f9f9f9;
+  background-color: hsl(0, 0%, 97.5%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -3113,7 +3113,7 @@ a.tag:hover {
   color: hsl(0, 0%, 4%);
 }
 .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
   border-color: transparent;
   color: hsl(0, 0%, 4%);
 }
@@ -3123,17 +3123,17 @@ a.tag:hover {
   color: hsl(0, 0%, 100%);
 }
 .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
-  background-color: #040404;
+  background-color: hsl(0, 0%, 1.5%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
 .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
+  box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.25);
   color: hsl(0, 0%, 100%);
 }
 .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
   border-color: transparent;
   color: hsl(0, 0%, 100%);
 }
@@ -3143,17 +3143,17 @@ a.tag:hover {
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
-  background-color: #eeeeee;
+  background-color: hsl(0, 0%, 93.5%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
+  box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.25);
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -3163,17 +3163,17 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
-  background-color: #2f2f2f;
+  background-color: hsl(0, 0%, 18.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
+  box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.25);
   color: #fff;
 }
 .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
-  background-color: #292929;
+  background-color: hsl(0, 0%, 16%);
   border-color: transparent;
   color: #fff;
 }
@@ -3183,17 +3183,17 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
-  background-color: #00c4a7;
+  background-color: hsl(171, 100%, 38.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
+  box-shadow: 0 0 0.5em rgba(0, 209.1, 177.735, 0.25);
   color: #fff;
 }
 .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
-  background-color: #00b89c;
+  background-color: hsl(171, 100%, 36%);
   border-color: transparent;
   color: #fff;
 }
@@ -3203,17 +3203,17 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
-  background-color: #3e56c4;
+  background-color: hsl(229, 53%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25);
+  box-shadow: 0 0 0.5em rgba(71.6295, 94.92035, 198.6705, 0.25);
   color: #fff;
 }
 .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
-  background-color: #3a51bb;
+  background-color: hsl(229, 53%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -3223,17 +3223,17 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
-  background-color: #3488ce;
+  background-color: hsl(207, 61%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25);
+  box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.25);
   color: #fff;
 }
 .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
-  background-color: #3082c5;
+  background-color: hsl(207, 61%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -3243,17 +3243,17 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
-  background-color: #3ec487;
+  background-color: hsl(153, 53%, 50.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25);
+  box-shadow: 0 0 0.5em rgba(71.6295, 198.6705, 141.50205, 0.25);
   color: #fff;
 }
 .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
-  background-color: #3abb81;
+  background-color: hsl(153, 53%, 48%);
   border-color: transparent;
   color: #fff;
 }
@@ -3263,17 +3263,17 @@ a.tag:hover {
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
-  background-color: #ffdc7d;
+  background-color: hsl(44, 100%, 74.5%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25);
+  box-shadow: 0 0 0.5em rgba(255, 223.72, 137.7, 0.25);
   color: rgba(0, 0, 0, 0.7);
 }
 .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
-  background-color: #ffd970;
+  background-color: hsl(44, 100%, 72%);
   border-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
@@ -3283,17 +3283,17 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
-  background-color: #f03a5f;
+  background-color: hsl(348, 86%, 58.5%);
   border-color: transparent;
   color: #fff;
 }
 .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
   border-color: transparent;
-  box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
+  box-shadow: 0 0 0.5em rgba(241.077, 70.023, 104.2338, 0.25);
   color: #fff;
 }
 .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
-  background-color: #ef2e55;
+  background-color: hsl(348, 86%, 56%);
   border-color: transparent;
   color: #fff;
 }
@@ -3394,18 +3394,18 @@ a.tag:hover {
   position: relative;
 }
 .file-label:hover .file-cta {
-  background-color: #eeeeee;
+  background-color: hsl(0, 0%, 93.5%);
   color: hsl(0, 0%, 21%);
 }
 .file-label:hover .file-name {
-  border-color: #d5d5d5;
+  border-color: hsl(0, 0%, 83.5%);
 }
 .file-label:active .file-cta {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   color: hsl(0, 0%, 21%);
 }
 .file-label:active .file-name {
-  border-color: #cfcfcf;
+  border-color: hsl(0, 0%, 81%);
 }
 .file-input {
@@ -3820,7 +3820,7 @@ a.tag:hover {
 .card {
   background-color: hsl(0, 0%, 100%);
   border-radius: 0.25rem;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
   color: hsl(0, 0%, 29%);
   max-width: 100%;
   position: relative;
@@ -3838,7 +3838,7 @@ a.tag:hover {
 .card-header {
   background-color: transparent;
   align-items: stretch;
-  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
+  box-shadow: 0 0.125em 0.25em rgba(10.2, 10.2, 10.2, 0.1);
   display: flex;
 }
@@ -3946,7 +3946,7 @@ a.tag:hover {
 .dropdown-content {
   background-color: hsl(0, 0%, 100%);
   border-radius: 4px;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
   padding-bottom: 0.5rem;
   padding-top: 0.5rem;
 }
@@ -4092,7 +4092,7 @@ button.dropdown-item.is-active {
   margin-bottom: 0.75rem;
 }
 .media .media {
-  border-top: 1px solid rgba(219, 219, 219, 0.5);
+  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
   display: flex;
   padding-top: 0.75rem;
 }
@@ -4107,7 +4107,7 @@ button.dropdown-item.is-active {
   margin-top: 0.5rem;
 }
 .media + .media {
-  border-top: 1px solid rgba(219, 219, 219, 0.5);
+  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
   margin-top: 1rem;
   padding-top: 1rem;
 }
@@ -4214,7 +4214,7 @@ button.dropdown-item.is-active {
   font-size: 1.5rem;
 }
 .message.is-white {
-  background-color: white;
+  background-color: hsl(0, 0%, 100%);
 }
 .message.is-white .message-header {
   background-color: hsl(0, 0%, 100%);
@@ -4224,7 +4224,7 @@ button.dropdown-item.is-active {
   border-color: hsl(0, 0%, 100%);
 }
 .message.is-black {
-  background-color: #fafafa;
+  background-color: hsl(0, 0%, 98%);
 }
 .message.is-black .message-header {
   background-color: hsl(0, 0%, 4%);
@@ -4234,7 +4234,7 @@ button.dropdown-item.is-active {
   border-color: hsl(0, 0%, 4%);
 }
 .message.is-light {
-  background-color: #fafafa;
+  background-color: hsl(0, 0%, 98%);
 }
 .message.is-light .message-header {
   background-color: hsl(0, 0%, 96%);
@@ -4244,7 +4244,7 @@ button.dropdown-item.is-active {
   border-color: hsl(0, 0%, 96%);
 }
 .message.is-dark {
-  background-color: #fafafa;
+  background-color: hsl(0, 0%, 98%);
 }
 .message.is-dark .message-header {
   background-color: hsl(0, 0%, 21%);
@@ -4254,7 +4254,7 @@ button.dropdown-item.is-active {
   border-color: hsl(0, 0%, 21%);
 }
 .message.is-primary {
-  background-color: #ebfffc;
+  background-color: hsl(171, 100%, 96%);
 }
 .message.is-primary .message-header {
   background-color: hsl(171, 100%, 41%);
@@ -4262,10 +4262,10 @@ button.dropdown-item.is-active {
 }
 .message.is-primary .message-body {
   border-color: hsl(171, 100%, 41%);
-  color: #00947e;
+  color: hsl(171, 100%, 29%);
 }
 .message.is-link {
-  background-color: #eff1fa;
+  background-color: hsl(229, 53%, 96%);
 }
 .message.is-link .message-header {
   background-color: hsl(229, 53%, 53%);
@@ -4273,10 +4273,10 @@ button.dropdown-item.is-active {
 }
 .message.is-link .message-body {
   border-color: hsl(229, 53%, 53%);
-  color: #3850b7;
+  color: hsl(229, 53%, 47%);
 }
 .message.is-info {
-  background-color: #eff5fb;
+  background-color: hsl(207, 61%, 96%);
 }
 .message.is-info .message-header {
   background-color: hsl(207, 61%, 53%);
@@ -4284,10 +4284,10 @@ button.dropdown-item.is-active {
 }
 .message.is-info .message-body {
   border-color: hsl(207, 61%, 53%);
-  color: #296fa8;
+  color: hsl(207, 61%, 41%);
 }
 .message.is-success {
-  background-color: #effaf5;
+  background-color: hsl(153, 53%, 96%);
 }
 .message.is-success .message-header {
   background-color: hsl(153, 53%, 53%);
@@ -4295,10 +4295,10 @@ button.dropdown-item.is-active {
 }
 .message.is-success .message-body {
   border-color: hsl(153, 53%, 53%);
-  color: #257953;
+  color: hsl(153, 53%, 31%);
 }
 .message.is-warning {
-  background-color: #fffaeb;
+  background-color: hsl(44, 100%, 96%);
 }
 .message.is-warning .message-header {
   background-color: hsl(44, 100%, 77%);
@@ -4306,10 +4306,10 @@ button.dropdown-item.is-active {
 }
 .message.is-warning .message-body {
   border-color: hsl(44, 100%, 77%);
-  color: #946c00;
+  color: hsl(44, 100%, 29%);
 }
 .message.is-danger {
-  background-color: #feecf0;
+  background-color: hsl(348, 86%, 96%);
 }
 .message.is-danger .message-header {
   background-color: hsl(348, 86%, 61%);
@@ -4317,7 +4317,7 @@ button.dropdown-item.is-active {
 }
 .message.is-danger .message-body {
   border-color: hsl(348, 86%, 61%);
-  color: #cc0f35;
+  color: hsl(348, 86%, 43%);
 }
 .message-header {
@@ -4373,7 +4373,7 @@ button.dropdown-item.is-active {
 }
 .modal-background {
-  background-color: rgba(10, 10, 10, 0.86);
+  background-color: rgba(10.2, 10.2, 10.2, 0.86);
 }
 .modal-content,
@@ -4471,7 +4471,7 @@ button.dropdown-item.is-active {
 .navbar.is-white .navbar-brand .navbar-link:focus,
 .navbar.is-white .navbar-brand .navbar-link:hover,
 .navbar.is-white .navbar-brand .navbar-link.is-active {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
   color: hsl(0, 0%, 4%);
 }
 .navbar.is-white .navbar-brand .navbar-link::after {
@@ -4497,7 +4497,7 @@ button.dropdown-item.is-active {
   .navbar.is-white .navbar-end .navbar-link:focus,
   .navbar.is-white .navbar-end .navbar-link:hover,
   .navbar.is-white .navbar-end .navbar-link.is-active {
-    background-color: #f2f2f2;
+    background-color: hsl(0, 0%, 95%);
     color: hsl(0, 0%, 4%);
   }
   .navbar.is-white .navbar-start .navbar-link::after,
@@ -4507,7 +4507,7 @@ button.dropdown-item.is-active {
   .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #f2f2f2;
+    background-color: hsl(0, 0%, 95%);
     color: hsl(0, 0%, 4%);
   }
   .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
@@ -4527,7 +4527,7 @@ button.dropdown-item.is-active {
 .navbar.is-black .navbar-brand .navbar-link:focus,
 .navbar.is-black .navbar-brand .navbar-link:hover,
 .navbar.is-black .navbar-brand .navbar-link.is-active {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
   color: hsl(0, 0%, 100%);
 }
 .navbar.is-black .navbar-brand .navbar-link::after {
@@ -4553,7 +4553,7 @@ button.dropdown-item.is-active {
   .navbar.is-black .navbar-end .navbar-link:focus,
   .navbar.is-black .navbar-end .navbar-link:hover,
   .navbar.is-black .navbar-end .navbar-link.is-active {
-    background-color: black;
+    background-color: hsl(0, 0%, 0%);
     color: hsl(0, 0%, 100%);
   }
   .navbar.is-black .navbar-start .navbar-link::after,
@@ -4563,7 +4563,7 @@ button.dropdown-item.is-active {
   .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: black;
+    background-color: hsl(0, 0%, 0%);
     color: hsl(0, 0%, 100%);
   }
   .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
@@ -4583,7 +4583,7 @@ button.dropdown-item.is-active {
 .navbar.is-light .navbar-brand .navbar-link:focus,
 .navbar.is-light .navbar-brand .navbar-link:hover,
 .navbar.is-light .navbar-brand .navbar-link.is-active {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   color: rgba(0, 0, 0, 0.7);
 }
 .navbar.is-light .navbar-brand .navbar-link::after {
@@ -4609,7 +4609,7 @@ button.dropdown-item.is-active {
   .navbar.is-light .navbar-end .navbar-link:focus,
   .navbar.is-light .navbar-end .navbar-link:hover,
   .navbar.is-light .navbar-end .navbar-link.is-active {
-    background-color: #e8e8e8;
+    background-color: hsl(0, 0%, 91%);
     color: rgba(0, 0, 0, 0.7);
   }
   .navbar.is-light .navbar-start .navbar-link::after,
@@ -4619,7 +4619,7 @@ button.dropdown-item.is-active {
   .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #e8e8e8;
+    background-color: hsl(0, 0%, 91%);
     color: rgba(0, 0, 0, 0.7);
   }
   .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
@@ -4639,7 +4639,7 @@ button.dropdown-item.is-active {
 .navbar.is-dark .navbar-brand .navbar-link:focus,
 .navbar.is-dark .navbar-brand .navbar-link:hover,
 .navbar.is-dark .navbar-brand .navbar-link.is-active {
-  background-color: #292929;
+  background-color: hsl(0, 0%, 16%);
   color: #fff;
 }
 .navbar.is-dark .navbar-brand .navbar-link::after {
@@ -4665,7 +4665,7 @@ button.dropdown-item.is-active {
   .navbar.is-dark .navbar-end .navbar-link:focus,
   .navbar.is-dark .navbar-end .navbar-link:hover,
   .navbar.is-dark .navbar-end .navbar-link.is-active {
-    background-color: #292929;
+    background-color: hsl(0, 0%, 16%);
     color: #fff;
   }
   .navbar.is-dark .navbar-start .navbar-link::after,
@@ -4675,7 +4675,7 @@ button.dropdown-item.is-active {
   .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #292929;
+    background-color: hsl(0, 0%, 16%);
     color: #fff;
   }
   .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
@@ -4695,7 +4695,7 @@ button.dropdown-item.is-active {
 .navbar.is-primary .navbar-brand .navbar-link:focus,
 .navbar.is-primary .navbar-brand .navbar-link:hover,
 .navbar.is-primary .navbar-brand .navbar-link.is-active {
-  background-color: #00b89c;
+  background-color: hsl(171, 100%, 36%);
   color: #fff;
 }
 .navbar.is-primary .navbar-brand .navbar-link::after {
@@ -4721,7 +4721,7 @@ button.dropdown-item.is-active {
   .navbar.is-primary .navbar-end .navbar-link:focus,
   .navbar.is-primary .navbar-end .navbar-link:hover,
   .navbar.is-primary .navbar-end .navbar-link.is-active {
-    background-color: #00b89c;
+    background-color: hsl(171, 100%, 36%);
     color: #fff;
   }
   .navbar.is-primary .navbar-start .navbar-link::after,
@@ -4731,7 +4731,7 @@ button.dropdown-item.is-active {
   .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #00b89c;
+    background-color: hsl(171, 100%, 36%);
     color: #fff;
   }
   .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
@@ -4751,7 +4751,7 @@ button.dropdown-item.is-active {
 .navbar.is-link .navbar-brand .navbar-link:focus,
 .navbar.is-link .navbar-brand .navbar-link:hover,
 .navbar.is-link .navbar-brand .navbar-link.is-active {
-  background-color: #3a51bb;
+  background-color: hsl(229, 53%, 48%);
   color: #fff;
 }
 .navbar.is-link .navbar-brand .navbar-link::after {
@@ -4777,7 +4777,7 @@ button.dropdown-item.is-active {
   .navbar.is-link .navbar-end .navbar-link:focus,
   .navbar.is-link .navbar-end .navbar-link:hover,
   .navbar.is-link .navbar-end .navbar-link.is-active {
-    background-color: #3a51bb;
+    background-color: hsl(229, 53%, 48%);
     color: #fff;
   }
   .navbar.is-link .navbar-start .navbar-link::after,
@@ -4787,7 +4787,7 @@ button.dropdown-item.is-active {
   .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #3a51bb;
+    background-color: hsl(229, 53%, 48%);
     color: #fff;
   }
   .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
@@ -4807,7 +4807,7 @@ button.dropdown-item.is-active {
 .navbar.is-info .navbar-brand .navbar-link:focus,
 .navbar.is-info .navbar-brand .navbar-link:hover,
 .navbar.is-info .navbar-brand .navbar-link.is-active {
-  background-color: #3082c5;
+  background-color: hsl(207, 61%, 48%);
   color: #fff;
 }
 .navbar.is-info .navbar-brand .navbar-link::after {
@@ -4833,7 +4833,7 @@ button.dropdown-item.is-active {
   .navbar.is-info .navbar-end .navbar-link:focus,
   .navbar.is-info .navbar-end .navbar-link:hover,
   .navbar.is-info .navbar-end .navbar-link.is-active {
-    background-color: #3082c5;
+    background-color: hsl(207, 61%, 48%);
     color: #fff;
   }
   .navbar.is-info .navbar-start .navbar-link::after,
@@ -4843,7 +4843,7 @@ button.dropdown-item.is-active {
   .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #3082c5;
+    background-color: hsl(207, 61%, 48%);
     color: #fff;
   }
   .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
@@ -4863,7 +4863,7 @@ button.dropdown-item.is-active {
 .navbar.is-success .navbar-brand .navbar-link:focus,
 .navbar.is-success .navbar-brand .navbar-link:hover,
 .navbar.is-success .navbar-brand .navbar-link.is-active {
-  background-color: #3abb81;
+  background-color: hsl(153, 53%, 48%);
   color: #fff;
 }
 .navbar.is-success .navbar-brand .navbar-link::after {
@@ -4889,7 +4889,7 @@ button.dropdown-item.is-active {
   .navbar.is-success .navbar-end .navbar-link:focus,
   .navbar.is-success .navbar-end .navbar-link:hover,
   .navbar.is-success .navbar-end .navbar-link.is-active {
-    background-color: #3abb81;
+    background-color: hsl(153, 53%, 48%);
     color: #fff;
   }
   .navbar.is-success .navbar-start .navbar-link::after,
@@ -4899,7 +4899,7 @@ button.dropdown-item.is-active {
   .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #3abb81;
+    background-color: hsl(153, 53%, 48%);
     color: #fff;
   }
   .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
@@ -4919,7 +4919,7 @@ button.dropdown-item.is-active {
 .navbar.is-warning .navbar-brand .navbar-link:focus,
 .navbar.is-warning .navbar-brand .navbar-link:hover,
 .navbar.is-warning .navbar-brand .navbar-link.is-active {
-  background-color: #ffd970;
+  background-color: hsl(44, 100%, 72%);
   color: rgba(0, 0, 0, 0.7);
 }
 .navbar.is-warning .navbar-brand .navbar-link::after {
@@ -4945,7 +4945,7 @@ button.dropdown-item.is-active {
   .navbar.is-warning .navbar-end .navbar-link:focus,
   .navbar.is-warning .navbar-end .navbar-link:hover,
   .navbar.is-warning .navbar-end .navbar-link.is-active {
-    background-color: #ffd970;
+    background-color: hsl(44, 100%, 72%);
     color: rgba(0, 0, 0, 0.7);
   }
   .navbar.is-warning .navbar-start .navbar-link::after,
@@ -4955,7 +4955,7 @@ button.dropdown-item.is-active {
   .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #ffd970;
+    background-color: hsl(44, 100%, 72%);
     color: rgba(0, 0, 0, 0.7);
   }
   .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
@@ -4975,7 +4975,7 @@ button.dropdown-item.is-active {
 .navbar.is-danger .navbar-brand .navbar-link:focus,
 .navbar.is-danger .navbar-brand .navbar-link:hover,
 .navbar.is-danger .navbar-brand .navbar-link.is-active {
-  background-color: #ef2e55;
+  background-color: hsl(348, 86%, 56%);
   color: #fff;
 }
 .navbar.is-danger .navbar-brand .navbar-link::after {
@@ -5001,7 +5001,7 @@ button.dropdown-item.is-active {
   .navbar.is-danger .navbar-end .navbar-link:focus,
   .navbar.is-danger .navbar-end .navbar-link:hover,
   .navbar.is-danger .navbar-end .navbar-link.is-active {
-    background-color: #ef2e55;
+    background-color: hsl(348, 86%, 56%);
     color: #fff;
   }
   .navbar.is-danger .navbar-start .navbar-link::after,
@@ -5011,7 +5011,7 @@ button.dropdown-item.is-active {
   .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
   .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
   .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
-    background-color: #ef2e55;
+    background-color: hsl(348, 86%, 56%);
     color: #fff;
   }
   .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
@@ -5084,7 +5084,6 @@ body.has-navbar-fixed-bottom {
   height: 3.25rem;
   position: relative;
   width: 3.25rem;
-  margin-left: auto;
 }
 .navbar-burger span {
   background-color: currentColor;
@@ -5119,6 +5118,9 @@ body.has-navbar-fixed-bottom {
 .navbar-burger.is-active span:nth-child(3) {
   transform: translateY(-5px) rotate(-45deg);
 }
+.navbar-burger {
+  margin-left: auto;
+}
 .navbar-menu {
   display: none;
@@ -5229,7 +5231,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   .navbar-menu {
     background-color: hsl(0, 0%, 100%);
-    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 8px 16px rgba(10.2, 10.2, 10.2, 0.1);
     padding: 0.5rem 0;
   }
   .navbar-menu.is-active {
@@ -5245,7 +5247,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     bottom: 0;
   }
   .navbar.is-fixed-bottom-touch.has-shadow {
-    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1);
   }
   .navbar.is-fixed-top-touch {
     top: 0;
@@ -5322,7 +5324,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     border-radius: 6px 6px 0 0;
     border-top: none;
     bottom: 100%;
-    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 -8px 8px rgba(10.2, 10.2, 10.2, 0.1);
     top: auto;
   }
   .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
@@ -5350,7 +5352,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
     border-top: 2px solid hsl(0, 0%, 86%);
-    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1);
     display: none;
     font-size: 0.875rem;
     left: 0;
@@ -5377,7 +5379,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
     border-radius: 6px;
     border-top: none;
-    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1);
     display: block;
     opacity: 0;
     pointer-events: none;
@@ -5411,7 +5413,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
     bottom: 0;
   }
   .navbar.is-fixed-bottom-desktop.has-shadow {
-    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
+    box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1);
   }
   .navbar.is-fixed-top-desktop {
     top: 0;
@@ -5512,7 +5514,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
 .pagination-previous:active,
 .pagination-next:active,
 .pagination-link:active {
-  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2);
 }
 .pagination-previous[disabled], .pagination-previous.is-disabled,
 .pagination-next[disabled],
@@ -5613,7 +5615,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
 }
 .panel {
   border-radius: 6px;
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02);
   font-size: 1rem;
 }
 .panel:not(:last-child) {
@@ -7687,7 +7689,7 @@ label.panel-block:hover {
 }
 a.has-text-white:hover, a.has-text-white:focus {
-  color: #e6e6e6 !important;
+  color: hsl(0, 0%, 90%) !important;
 }
 .has-background-white {
@@ -7699,7 +7701,7 @@ a.has-text-white:hover, a.has-text-white:focus {
 }
 a.has-text-black:hover, a.has-text-black:focus {
-  color: black !important;
+  color: hsl(0, 0%, 0%) !important;
 }
 .has-background-black {
@@ -7711,7 +7713,7 @@ a.has-text-black:hover, a.has-text-black:focus {
 }
 a.has-text-light:hover, a.has-text-light:focus {
-  color: #dbdbdb !important;
+  color: hsl(0, 0%, 86%) !important;
 }
 .has-background-light {
@@ -7723,7 +7725,7 @@ a.has-text-light:hover, a.has-text-light:focus {
 }
 a.has-text-dark:hover, a.has-text-dark:focus {
-  color: #1c1c1c !important;
+  color: hsl(0, 0%, 11%) !important;
 }
 .has-background-dark {
@@ -7735,7 +7737,7 @@ a.has-text-dark:hover, a.has-text-dark:focus {
 }
 a.has-text-primary:hover, a.has-text-primary:focus {
-  color: #009e86 !important;
+  color: hsl(171, 100%, 31%) !important;
 }
 .has-background-primary {
@@ -7743,27 +7745,27 @@ a.has-text-primary:hover, a.has-text-primary:focus {
 }
 .has-text-primary-light {
-  color: #ebfffc !important;
+  color: hsl(171, 100%, 96%) !important;
 }
 a.has-text-primary-light:hover, a.has-text-primary-light:focus {
-  color: #b8fff4 !important;
+  color: hsl(171, 100%, 86%) !important;
 }
 .has-background-primary-light {
-  background-color: #ebfffc !important;
+  background-color: hsl(171, 100%, 96%) !important;
 }
 .has-text-primary-dark {
-  color: #00947e !important;
+  color: hsl(171, 100%, 29%) !important;
 }
 a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
-  color: #00c7a9 !important;
+  color: hsl(171, 100%, 39%) !important;
 }
 .has-background-primary-dark {
-  background-color: #00947e !important;
+  background-color: hsl(171, 100%, 29%) !important;
 }
 .has-text-link {
@@ -7771,7 +7773,7 @@ a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
 }
 a.has-text-link:hover, a.has-text-link:focus {
-  color: #3449a8 !important;
+  color: hsl(229, 53%, 43%) !important;
 }
 .has-background-link {
@@ -7779,27 +7781,27 @@ a.has-text-link:hover, a.has-text-link:focus {
 }
 .has-text-link-light {
-  color: #eff1fa !important;
+  color: hsl(229, 53%, 96%) !important;
 }
 a.has-text-link-light:hover, a.has-text-link-light:focus {
-  color: #c8cfee !important;
+  color: hsl(229, 53%, 86%) !important;
 }
 .has-background-link-light {
-  background-color: #eff1fa !important;
+  background-color: hsl(229, 53%, 96%) !important;
 }
 .has-text-link-dark {
-  color: #3850b7 !important;
+  color: hsl(229, 53%, 47%) !important;
 }
 a.has-text-link-dark:hover, a.has-text-link-dark:focus {
-  color: #576dcb !important;
+  color: hsl(229, 53%, 57%) !important;
 }
 .has-background-link-dark {
-  background-color: #3850b7 !important;
+  background-color: hsl(229, 53%, 47%) !important;
 }
 .has-text-info {
@@ -7807,7 +7809,7 @@ a.has-text-link-dark:hover, a.has-text-link-dark:focus {
 }
 a.has-text-info:hover, a.has-text-info:focus {
-  color: #2b74b1 !important;
+  color: hsl(207, 61%, 43%) !important;
 }
 .has-background-info {
@@ -7815,27 +7817,27 @@ a.has-text-info:hover, a.has-text-info:focus {
 }
 .has-text-info-light {
-  color: #eff5fb !important;
+  color: hsl(207, 61%, 96%) !important;
 }
 a.has-text-info-light:hover, a.has-text-info-light:focus {
-  color: #c6ddf1 !important;
+  color: hsl(207, 61%, 86%) !important;
 }
 .has-background-info-light {
-  background-color: #eff5fb !important;
+  background-color: hsl(207, 61%, 96%) !important;
 }
 .has-text-info-dark {
-  color: #296fa8 !important;
+  color: hsl(207, 61%, 41%) !important;
 }
 a.has-text-info-dark:hover, a.has-text-info-dark:focus {
-  color: #368ace !important;
+  color: hsl(207, 61%, 51%) !important;
 }
 .has-background-info-dark {
-  background-color: #296fa8 !important;
+  background-color: hsl(207, 61%, 41%) !important;
 }
 .has-text-success {
@@ -7843,7 +7845,7 @@ a.has-text-info-dark:hover, a.has-text-info-dark:focus {
 }
 a.has-text-success:hover, a.has-text-success:focus {
-  color: #34a873 !important;
+  color: hsl(153, 53%, 43%) !important;
 }
 .has-background-success {
@@ -7851,27 +7853,27 @@ a.has-text-success:hover, a.has-text-success:focus {
 }
 .has-text-success-light {
-  color: #effaf5 !important;
+  color: hsl(153, 53%, 96%) !important;
 }
 a.has-text-success-light:hover, a.has-text-success-light:focus {
-  color: #c8eedd !important;
+  color: hsl(153, 53%, 86%) !important;
 }
 .has-background-success-light {
-  background-color: #effaf5 !important;
+  background-color: hsl(153, 53%, 96%) !important;
 }
 .has-text-success-dark {
-  color: #257953 !important;
+  color: hsl(153, 53%, 31%) !important;
 }
 a.has-text-success-dark:hover, a.has-text-success-dark:focus {
-  color: #31a06e !important;
+  color: hsl(153, 53%, 41%) !important;
 }
 .has-background-success-dark {
-  background-color: #257953 !important;
+  background-color: hsl(153, 53%, 31%) !important;
 }
 .has-text-warning {
@@ -7879,7 +7881,7 @@ a.has-text-success-dark:hover, a.has-text-success-dark:focus {
 }
 a.has-text-warning:hover, a.has-text-warning:focus {
-  color: #ffd257 !important;
+  color: hsl(44, 100%, 67%) !important;
 }
 .has-background-warning {
@@ -7887,27 +7889,27 @@ a.has-text-warning:hover, a.has-text-warning:focus {
 }
 .has-text-warning-light {
-  color: #fffaeb !important;
+  color: hsl(44, 100%, 96%) !important;
 }
 a.has-text-warning-light:hover, a.has-text-warning-light:focus {
-  color: #ffecb8 !important;
+  color: hsl(44, 100%, 86%) !important;
 }
 .has-background-warning-light {
-  background-color: #fffaeb !important;
+  background-color: hsl(44, 100%, 96%) !important;
 }
 .has-text-warning-dark {
-  color: #946c00 !important;
+  color: hsl(44, 100%, 29%) !important;
 }
 a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
-  color: #c79200 !important;
+  color: hsl(44, 100%, 39%) !important;
 }
 .has-background-warning-dark {
-  background-color: #946c00 !important;
+  background-color: hsl(44, 100%, 29%) !important;
 }
 .has-text-danger {
@@ -7915,7 +7917,7 @@ a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
 }
 a.has-text-danger:hover, a.has-text-danger:focus {
-  color: #ee1742 !important;
+  color: hsl(348, 86%, 51%) !important;
 }
 .has-background-danger {
@@ -7923,27 +7925,27 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 .has-text-danger-light {
-  color: #feecf0 !important;
+  color: hsl(348, 86%, 96%) !important;
 }
 a.has-text-danger-light:hover, a.has-text-danger-light:focus {
-  color: #fabdc9 !important;
+  color: hsl(348, 86%, 86%) !important;
 }
 .has-background-danger-light {
-  background-color: #feecf0 !important;
+  background-color: hsl(348, 86%, 96%) !important;
 }
 .has-text-danger-dark {
-  color: #cc0f35 !important;
+  color: hsl(348, 86%, 43%) !important;
 }
 a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
-  color: #ee2049 !important;
+  color: hsl(348, 86%, 53%) !important;
 }
 .has-background-danger-dark {
-  background-color: #cc0f35 !important;
+  background-color: hsl(348, 86%, 43%) !important;
 }
 .has-text-black-bis {
@@ -9558,7 +9560,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 4%);
 }
 .hero.is-white .subtitle {
-  color: rgba(10, 10, 10, 0.9);
+  color: rgba(10.2, 10.2, 10.2, 0.9);
 }
 .hero.is-white .subtitle a:not(.button),
 .hero.is-white .subtitle strong {
@@ -9571,12 +9573,12 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 }
 .hero.is-white .navbar-item,
 .hero.is-white .navbar-link {
-  color: rgba(10, 10, 10, 0.7);
+  color: rgba(10.2, 10.2, 10.2, 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 {
-  background-color: #f2f2f2;
+  background-color: hsl(0, 0%, 95%);
   color: hsl(0, 0%, 4%);
 }
 .hero.is-white .tabs a {
@@ -9594,7 +9596,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 4%);
 }
 .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: hsl(0, 0%, 4%);
@@ -9602,11 +9604,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 100%);
 }
 .hero.is-white.is-bold {
-  background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%);
+  background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-white.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%);
+    background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%);
   }
 }
 .hero.is-black {
@@ -9639,7 +9641,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: black;
+  background-color: hsl(0, 0%, 0%);
   color: hsl(0, 0%, 100%);
 }
 .hero.is-black .tabs a {
@@ -9657,7 +9659,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 100%);
 }
 .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: hsl(0, 0%, 100%);
@@ -9665,11 +9667,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 4%);
 }
 .hero.is-black.is-bold {
-  background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
+  background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-black.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%);
+    background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
   }
 }
 .hero.is-light {
@@ -9702,7 +9704,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #e8e8e8;
+  background-color: hsl(0, 0%, 91%);
   color: rgba(0, 0, 0, 0.7);
 }
 .hero.is-light .tabs a {
@@ -9720,7 +9722,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: rgba(0, 0, 0, 0.7);
@@ -9728,11 +9730,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 96%);
 }
 .hero.is-light.is-bold {
-  background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%);
+  background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-light.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%);
+    background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%);
   }
 }
 .hero.is-dark {
@@ -9765,7 +9767,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #292929;
+  background-color: hsl(0, 0%, 16%);
   color: #fff;
 }
 .hero.is-dark .tabs a {
@@ -9783,7 +9785,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: #fff;
@@ -9791,11 +9793,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(0, 0%, 21%);
 }
 .hero.is-dark.is-bold {
-  background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%);
+  background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-dark.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%);
+    background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%);
   }
 }
 .hero.is-primary {
@@ -9828,7 +9830,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #00b89c;
+  background-color: hsl(171, 100%, 36%);
   color: #fff;
 }
 .hero.is-primary .tabs a {
@@ -9846,7 +9848,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: #fff;
@@ -9854,11 +9856,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(171, 100%, 41%);
 }
 .hero.is-primary.is-bold {
-  background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%);
+  background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-primary.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%);
+    background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%);
   }
 }
 .hero.is-link {
@@ -9891,7 +9893,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #3a51bb;
+  background-color: hsl(229, 53%, 48%);
   color: #fff;
 }
 .hero.is-link .tabs a {
@@ -9909,7 +9911,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: #fff;
@@ -9917,11 +9919,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(229, 53%, 53%);
 }
 .hero.is-link.is-bold {
-  background-image: linear-gradient(141deg, #2959b3 0%, hsl(229, 53%, 53%) 71%, #5658d2 100%);
+  background-image: linear-gradient(141deg, hsl(219, 63%, 43%) 0%, hsl(229, 53%, 53%) 71%, hsl(239, 58%, 58%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-link.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #2959b3 0%, hsl(229, 53%, 53%) 71%, #5658d2 100%);
+    background-image: linear-gradient(141deg, hsl(219, 63%, 43%) 0%, hsl(229, 53%, 53%) 71%, hsl(239, 58%, 58%) 100%);
   }
 }
 .hero.is-info {
@@ -9954,7 +9956,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #3082c5;
+  background-color: hsl(207, 61%, 48%);
   color: #fff;
 }
 .hero.is-info .tabs a {
@@ -9972,7 +9974,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: #fff;
@@ -9980,11 +9982,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(207, 61%, 53%);
 }
 .hero.is-info.is-bold {
-  background-image: linear-gradient(141deg, #208fbc 0%, hsl(207, 61%, 53%) 71%, #4d83db 100%);
+  background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-info.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #208fbc 0%, hsl(207, 61%, 53%) 71%, #4d83db 100%);
+    background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%);
   }
 }
 .hero.is-success {
@@ -10017,7 +10019,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #3abb81;
+  background-color: hsl(153, 53%, 48%);
   color: #fff;
 }
 .hero.is-success .tabs a {
@@ -10035,7 +10037,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: #fff;
@@ -10043,11 +10045,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(153, 53%, 53%);
 }
 .hero.is-success.is-bold {
-  background-image: linear-gradient(141deg, #29b35e 0%, hsl(153, 53%, 53%) 71%, #56d2af 100%);
+  background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-success.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #29b35e 0%, hsl(153, 53%, 53%) 71%, #56d2af 100%);
+    background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%);
   }
 }
 .hero.is-warning {
@@ -10080,7 +10082,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #ffd970;
+  background-color: hsl(44, 100%, 72%);
   color: rgba(0, 0, 0, 0.7);
 }
 .hero.is-warning .tabs a {
@@ -10098,7 +10100,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: rgba(0, 0, 0, 0.7);
@@ -10106,11 +10108,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(44, 100%, 77%);
 }
 .hero.is-warning.is-bold {
-  background-image: linear-gradient(141deg, #ffb657 0%, hsl(44, 100%, 77%) 71%, #fff6a3 100%);
+  background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-warning.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #ffb657 0%, hsl(44, 100%, 77%) 71%, #fff6a3 100%);
+    background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%);
   }
 }
 .hero.is-danger {
@@ -10143,7 +10145,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 .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 {
-  background-color: #ef2e55;
+  background-color: hsl(348, 86%, 56%);
   color: #fff;
 }
 .hero.is-danger .tabs a {
@@ -10161,7 +10163,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: #fff;
 }
 .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
-  background-color: rgba(10, 10, 10, 0.1);
+  background-color: rgba(10.2, 10.2, 10.2, 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 {
   background-color: #fff;
@@ -10169,11 +10171,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   color: hsl(348, 86%, 61%);
 }
 .hero.is-danger.is-bold {
-  background-image: linear-gradient(141deg, #fa0a62 0%, hsl(348, 86%, 61%) 71%, #f7595f 100%);
+  background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-danger.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #fa0a62 0%, hsl(348, 86%, 61%) 71%, #f7595f 100%);
+    background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%);
   }
 }
 .hero.is-small .hero-body {