diff --git a/css/lootalot.css b/css/lootalot.css
index 9ab5c85..be287be 100644
--- a/css/lootalot.css
+++ b/css/lootalot.css
@@ -285,7 +285,7 @@ th:not([align]) {
 }
 
 html {
-  background-color: white;
+  background-color: #eceff4;
   font-size: 16px;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -329,7 +329,7 @@ body {
 }
 
 a {
-  color: #3273dc;
+  color: #5e81ac;
   cursor: pointer;
   text-decoration: none;
 }
@@ -894,27 +894,27 @@ a.has-text-dark:hover, a.has-text-dark:focus {
 }
 
 .has-text-primary {
-  color: #b48ead !important;
+  color: #81a1c1 !important;
 }
 
 a.has-text-primary:hover, a.has-text-primary:focus {
-  color: #a06f97 !important;
+  color: #5f88b0 !important;
 }
 
 .has-background-primary {
-  background-color: #b48ead !important;
+  background-color: #81a1c1 !important;
 }
 
 .has-text-link {
-  color: #3273dc !important;
+  color: #5e81ac !important;
 }
 
 a.has-text-link:hover, a.has-text-link:focus {
-  color: #205bbc !important;
+  color: #49688e !important;
 }
 
 .has-background-link {
-  background-color: #3273dc !important;
+  background-color: #5e81ac !important;
 }
 
 .has-text-info {
@@ -1006,11 +1006,11 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 .has-text-grey-light {
-  color: #b5b5b5 !important;
+  color: #d8dee9 !important;
 }
 
 .has-background-grey-light {
-  background-color: #b5b5b5 !important;
+  background-color: #d8dee9 !important;
 }
 
 .has-text-grey-lighter {
@@ -1453,7 +1453,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 
 .box {
   background-color: white;
-  border-radius: 6px;
+  border-radius: 0 0 2rem 2rem;
   box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
   color: #4a4a4a;
   display: block;
@@ -1461,10 +1461,10 @@ a.has-text-danger:hover, a.has-text-danger:focus {
 }
 
 a.box:hover, a.box:focus {
-  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
+  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #5e81ac;
 }
 a.box:active {
-  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
+  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #5e81ac;
 }
 
 .button {
@@ -1501,7 +1501,7 @@ a.box:active {
   margin-right: calc(-0.5em - 1px);
 }
 .button:hover, .button.is-hovered {
-  border-color: #b5b5b5;
+  border-color: #d8dee9;
   color: #363636;
 }
 .button:focus, .button.is-focused {
@@ -1509,7 +1509,7 @@ a.box:active {
   color: #363636;
 }
 .button:focus:not(:active), .button.is-focused:not(:active) {
-  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
 }
 .button:active, .button.is-active {
   border-color: #4a4a4a;
@@ -1867,12 +1867,12 @@ a.box:active {
   color: #fff;
 }
 .button.is-primary {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   border-color: transparent;
   color: #fff;
 }
 .button.is-primary:hover, .button.is-primary.is-hovered {
-  background-color: #af86a7;
+  background-color: #789bbd;
   border-color: transparent;
   color: #fff;
 }
@@ -1881,21 +1881,21 @@ 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(180, 142, 173, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(129, 161, 193, 0.25);
 }
 .button.is-primary:active, .button.is-primary.is-active {
-  background-color: #aa7fa2;
+  background-color: #7094b9;
   border-color: transparent;
   color: #fff;
 }
 .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-primary.is-inverted {
   background-color: #fff;
-  color: #b48ead;
+  color: #81a1c1;
 }
 .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -1904,32 +1904,32 @@ a.box:active {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #b48ead;
+  color: #81a1c1;
 }
 .button.is-primary.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-primary.is-outlined {
   background-color: transparent;
-  border-color: #b48ead;
-  color: #b48ead;
+  border-color: #81a1c1;
+  color: #81a1c1;
 }
 .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
-  background-color: #b48ead;
-  border-color: #b48ead;
+  background-color: #81a1c1;
+  border-color: #81a1c1;
   color: #fff;
 }
 .button.is-primary.is-outlined.is-loading::after {
-  border-color: transparent transparent #b48ead #b48ead !important;
+  border-color: transparent transparent #81a1c1 #81a1c1 !important;
 }
 .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
   background-color: transparent;
-  border-color: #b48ead;
+  border-color: #81a1c1;
   box-shadow: none;
-  color: #b48ead;
+  color: #81a1c1;
 }
 .button.is-primary.is-inverted.is-outlined {
   background-color: transparent;
@@ -1938,10 +1938,10 @@ a.box:active {
 }
 .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #b48ead;
+  color: #81a1c1;
 }
 .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #b48ead #b48ead !important;
+  border-color: transparent transparent #81a1c1 #81a1c1 !important;
 }
 .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
   background-color: transparent;
@@ -1950,26 +1950,26 @@ a.box:active {
   color: #fff;
 }
 .button.is-primary.is-light {
-  background-color: #f7f3f6;
-  color: #714b6a;
+  background-color: #f1f5f8;
+  color: #3d5c7b;
 }
 .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
-  background-color: #f2ebf1;
+  background-color: #e9eef4;
   border-color: transparent;
-  color: #714b6a;
+  color: #3d5c7b;
 }
 .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
-  background-color: #ede3eb;
+  background-color: #e0e8f0;
   border-color: transparent;
-  color: #714b6a;
+  color: #3d5c7b;
 }
 .button.is-link {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   border-color: transparent;
   color: #fff;
 }
 .button.is-link:hover, .button.is-link.is-hovered {
-  background-color: #276cda;
+  background-color: #567aa7;
   border-color: transparent;
   color: #fff;
 }
@@ -1978,21 +1978,21 @@ 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(50, 115, 220, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
 }
 .button.is-link:active, .button.is-link.is-active {
-  background-color: #2366d1;
+  background-color: #52749f;
   border-color: transparent;
   color: #fff;
 }
 .button.is-link[disabled], fieldset[disabled] .button.is-link {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   border-color: transparent;
   box-shadow: none;
 }
 .button.is-link.is-inverted {
   background-color: #fff;
-  color: #3273dc;
+  color: #5e81ac;
 }
 .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
   background-color: #f2f2f2;
@@ -2001,32 +2001,32 @@ a.box:active {
   background-color: #fff;
   border-color: transparent;
   box-shadow: none;
-  color: #3273dc;
+  color: #5e81ac;
 }
 .button.is-link.is-loading::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-link.is-outlined {
   background-color: transparent;
-  border-color: #3273dc;
-  color: #3273dc;
+  border-color: #5e81ac;
+  color: #5e81ac;
 }
 .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
-  background-color: #3273dc;
-  border-color: #3273dc;
+  background-color: #5e81ac;
+  border-color: #5e81ac;
   color: #fff;
 }
 .button.is-link.is-outlined.is-loading::after {
-  border-color: transparent transparent #3273dc #3273dc !important;
+  border-color: transparent transparent #5e81ac #5e81ac !important;
 }
 .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
   border-color: transparent transparent #fff #fff !important;
 }
 .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
   background-color: transparent;
-  border-color: #3273dc;
+  border-color: #5e81ac;
   box-shadow: none;
-  color: #3273dc;
+  color: #5e81ac;
 }
 .button.is-link.is-inverted.is-outlined {
   background-color: transparent;
@@ -2035,10 +2035,10 @@ a.box:active {
 }
 .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
   background-color: #fff;
-  color: #3273dc;
+  color: #5e81ac;
 }
 .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
-  border-color: transparent transparent #3273dc #3273dc !important;
+  border-color: transparent transparent #5e81ac #5e81ac !important;
 }
 .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
   background-color: transparent;
@@ -2047,18 +2047,18 @@ a.box:active {
   color: #fff;
 }
 .button.is-link.is-light {
-  background-color: #eef3fc;
-  color: #2160c4;
+  background-color: #f2f4f8;
+  color: #4b6a91;
 }
 .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
-  background-color: #e3ecfa;
+  background-color: #e9eef4;
   border-color: transparent;
-  color: #2160c4;
+  color: #4b6a91;
 }
 .button.is-link.is-light:active, .button.is-link.is-light.is-active {
-  background-color: #d8e4f8;
+  background-color: #e1e7ef;
   border-color: transparent;
-  color: #2160c4;
+  color: #4b6a91;
 }
 .button.is-info {
   background-color: #3298dc;
@@ -2942,11 +2942,11 @@ a.box:active {
   color: #fff;
 }
 .notification.is-primary {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .notification.is-link {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 .notification.is-info {
@@ -3039,28 +3039,28 @@ a.box:active {
   background-image: linear-gradient(to right, #2e3440 30%, #eceff4 30%);
 }
 .progress.is-primary::-webkit-progress-value {
-  background-color: #b48ead;
+  background-color: #81a1c1;
 }
 .progress.is-primary::-moz-progress-bar {
-  background-color: #b48ead;
+  background-color: #81a1c1;
 }
 .progress.is-primary::-ms-fill {
-  background-color: #b48ead;
+  background-color: #81a1c1;
 }
 .progress.is-primary:indeterminate {
-  background-image: linear-gradient(to right, #b48ead 30%, #eceff4 30%);
+  background-image: linear-gradient(to right, #81a1c1 30%, #eceff4 30%);
 }
 .progress.is-link::-webkit-progress-value {
-  background-color: #3273dc;
+  background-color: #5e81ac;
 }
 .progress.is-link::-moz-progress-bar {
-  background-color: #3273dc;
+  background-color: #5e81ac;
 }
 .progress.is-link::-ms-fill {
-  background-color: #3273dc;
+  background-color: #5e81ac;
 }
 .progress.is-link:indeterminate {
-  background-image: linear-gradient(to right, #3273dc 30%, #eceff4 30%);
+  background-image: linear-gradient(to right, #5e81ac 30%, #eceff4 30%);
 }
 .progress.is-info::-webkit-progress-value {
   background-color: #3298dc;
@@ -3182,14 +3182,14 @@ a.box:active {
 }
 .table td.is-primary,
 .table th.is-primary {
-  background-color: #b48ead;
-  border-color: #b48ead;
+  background-color: #81a1c1;
+  border-color: #81a1c1;
   color: #fff;
 }
 .table td.is-link,
 .table th.is-link {
-  background-color: #3273dc;
-  border-color: #3273dc;
+  background-color: #5e81ac;
+  border-color: #5e81ac;
   color: #fff;
 }
 .table td.is-info,
@@ -3223,7 +3223,7 @@ a.box:active {
 }
 .table td.is-selected,
 .table th.is-selected {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .table td.is-selected a,
@@ -3239,7 +3239,7 @@ a.box:active {
   text-align: left;
 }
 .table tr.is-selected {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .table tr.is-selected a,
@@ -3397,20 +3397,20 @@ a.box:active {
   color: #fff;
 }
 .tag:not(body).is-primary {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .tag:not(body).is-primary.is-light {
-  background-color: #f7f3f6;
-  color: #714b6a;
+  background-color: #f1f5f8;
+  color: #3d5c7b;
 }
 .tag:not(body).is-link {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 .tag:not(body).is-link.is-light {
-  background-color: #eef3fc;
-  color: #2160c4;
+  background-color: #f2f4f8;
+  color: #4b6a91;
 }
 .tag:not(body).is-info {
   background-color: #3298dc;
@@ -3652,11 +3652,11 @@ a.tag:hover {
   color: rgba(54, 54, 54, 0.3);
 }
 .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
-  border-color: #b5b5b5;
+  border-color: #d8dee9;
 }
 .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: #3273dc;
-  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+  border-color: #5e81ac;
+  box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 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: whitesmoke;
@@ -3710,16 +3710,16 @@ a.tag:hover {
   box-shadow: 0 0 0 0.125em rgba(46, 52, 64, 0.25);
 }
 .is-primary.textarea, .is-primary.input {
-  border-color: #b48ead;
+  border-color: #81a1c1;
 }
 .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(180, 142, 173, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(129, 161, 193, 0.25);
 }
 .is-link.textarea, .is-link.input {
-  border-color: #3273dc;
+  border-color: #5e81ac;
 }
 .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(50, 115, 220, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
 }
 .is-info.textarea, .is-info.input {
   border-color: #3298dc;
@@ -3826,7 +3826,7 @@ a.tag:hover {
   height: 2.5em;
 }
 .select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #3273dc;
+  border-color: #5e81ac;
   right: 1.125em;
   z-index: 4;
 }
@@ -3909,28 +3909,28 @@ a.tag:hover {
   box-shadow: 0 0 0 0.125em rgba(46, 52, 64, 0.25);
 }
 .select.is-primary:not(:hover)::after {
-  border-color: #b48ead;
+  border-color: #81a1c1;
 }
 .select.is-primary select {
-  border-color: #b48ead;
+  border-color: #81a1c1;
 }
 .select.is-primary select:hover, .select.is-primary select.is-hovered {
-  border-color: #aa7fa2;
+  border-color: #7094b9;
 }
 .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(180, 142, 173, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(129, 161, 193, 0.25);
 }
 .select.is-link:not(:hover)::after {
-  border-color: #3273dc;
+  border-color: #5e81ac;
 }
 .select.is-link select {
-  border-color: #3273dc;
+  border-color: #5e81ac;
 }
 .select.is-link select:hover, .select.is-link select.is-hovered {
-  border-color: #2366d1;
+  border-color: #52749f;
 }
 .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(50, 115, 220, 0.25);
+  box-shadow: 0 0 0 0.125em rgba(94, 129, 172, 0.25);
 }
 .select.is-info:not(:hover)::after {
   border-color: #3298dc;
@@ -4103,42 +4103,42 @@ a.tag:hover {
   color: #fff;
 }
 .file.is-primary .file-cta {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   border-color: transparent;
   color: #fff;
 }
 .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
-  background-color: #af86a7;
+  background-color: #789bbd;
   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(180, 142, 173, 0.25);
+  box-shadow: 0 0 0.5em rgba(129, 161, 193, 0.25);
   color: #fff;
 }
 .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
-  background-color: #aa7fa2;
+  background-color: #7094b9;
   border-color: transparent;
   color: #fff;
 }
 .file.is-link .file-cta {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   border-color: transparent;
   color: #fff;
 }
 .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
-  background-color: #276cda;
+  background-color: #567aa7;
   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(50, 115, 220, 0.25);
+  box-shadow: 0 0 0.5em rgba(94, 129, 172, 0.25);
   color: #fff;
 }
 .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
-  background-color: #2366d1;
+  background-color: #52749f;
   border-color: transparent;
   color: #fff;
 }
@@ -4415,10 +4415,10 @@ a.tag:hover {
   color: #2e3440;
 }
 .help.is-primary {
-  color: #b48ead;
+  color: #81a1c1;
 }
 .help.is-link {
-  color: #3273dc;
+  color: #5e81ac;
 }
 .help.is-info {
   color: #3298dc;
@@ -4671,7 +4671,7 @@ a.tag:hover {
 }
 .breadcrumb a {
   align-items: center;
-  color: #3273dc;
+  color: #5e81ac;
   display: flex;
   justify-content: center;
   padding: 0 0.75em;
@@ -4692,7 +4692,7 @@ a.tag:hover {
   pointer-events: none;
 }
 .breadcrumb li + li::before {
-  color: #b5b5b5;
+  color: #d8dee9;
   content: "/";
 }
 .breadcrumb ul,
@@ -4867,7 +4867,7 @@ button.dropdown-item:hover {
 }
 a.dropdown-item.is-active,
 button.dropdown-item.is-active {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 
@@ -5001,7 +5001,7 @@ button.dropdown-item.is-active {
   border-bottom: 1px solid #e5e9f0;
 }
 .list-item.is-active {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 
@@ -5097,7 +5097,7 @@ a.list-item {
   color: #363636;
 }
 .menu-list a.is-active {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 .menu-list li ul {
@@ -5181,26 +5181,26 @@ a.list-item {
   border-color: #2e3440;
 }
 .message.is-primary {
-  background-color: #f7f3f6;
+  background-color: #f1f5f8;
 }
 .message.is-primary .message-header {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .message.is-primary .message-body {
-  border-color: #b48ead;
-  color: #714b6a;
+  border-color: #81a1c1;
+  color: #3d5c7b;
 }
 .message.is-link {
-  background-color: #eef3fc;
+  background-color: #f2f4f8;
 }
 .message.is-link .message-header {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 .message.is-link .message-body {
-  border-color: #3273dc;
-  color: #2160c4;
+  border-color: #5e81ac;
+  color: #4b6a91;
 }
 .message.is-info {
   background-color: #eef6fc;
@@ -5381,7 +5381,7 @@ a.list-item {
 }
 
 .navbar {
-  background-color: white;
+  background-color: #eceff4;
   min-height: 3.25rem;
   position: relative;
   z-index: 30;
@@ -5611,7 +5611,7 @@ a.list-item {
   }
 }
 .navbar.is-primary {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .navbar.is-primary .navbar-brand > .navbar-item,
@@ -5622,7 +5622,7 @@ a.list-item {
 .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: #aa7fa2;
+  background-color: #7094b9;
   color: #fff;
 }
 .navbar.is-primary .navbar-brand .navbar-link::after {
@@ -5648,7 +5648,7 @@ a.list-item {
 .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: #aa7fa2;
+    background-color: #7094b9;
     color: #fff;
   }
   .navbar.is-primary .navbar-start .navbar-link::after,
@@ -5658,16 +5658,16 @@ a.list-item {
   .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: #aa7fa2;
+    background-color: #7094b9;
     color: #fff;
   }
   .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
-    background-color: #b48ead;
+    background-color: #81a1c1;
     color: #fff;
   }
 }
 .navbar.is-link {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 .navbar.is-link .navbar-brand > .navbar-item,
@@ -5678,7 +5678,7 @@ a.list-item {
 .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: #2366d1;
+  background-color: #52749f;
   color: #fff;
 }
 .navbar.is-link .navbar-brand .navbar-link::after {
@@ -5704,7 +5704,7 @@ a.list-item {
 .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: #2366d1;
+    background-color: #52749f;
     color: #fff;
   }
   .navbar.is-link .navbar-start .navbar-link::after,
@@ -5714,11 +5714,11 @@ a.list-item {
   .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: #2366d1;
+    background-color: #52749f;
     color: #fff;
   }
   .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
-    background-color: #3273dc;
+    background-color: #5e81ac;
     color: #fff;
   }
 }
@@ -6070,7 +6070,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
 .navbar-link:hover,
 .navbar-link.is-active {
   background-color: #fafafa;
-  color: #3273dc;
+  color: #5e81ac;
 }
 
 .navbar-item {
@@ -6095,14 +6095,14 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
 }
 .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
   background-color: transparent;
-  border-bottom-color: #3273dc;
+  border-bottom-color: #5e81ac;
 }
 .navbar-item.is-tab.is-active {
   background-color: transparent;
-  border-bottom-color: #3273dc;
+  border-bottom-color: #5e81ac;
   border-bottom-style: solid;
   border-bottom-width: 3px;
-  color: #3273dc;
+  color: #5e81ac;
   padding-bottom: calc(0.5rem - 3px);
 }
 
@@ -6115,7 +6115,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   padding-right: 2.5em;
 }
 .navbar-link:not(.is-arrowless)::after {
-  border-color: #3273dc;
+  border-color: #5e81ac;
   margin-top: -0.375em;
   right: 1.125em;
 }
@@ -6154,7 +6154,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
 
   .navbar-menu {
-    background-color: white;
+    background-color: #eceff4;
     box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
     padding: 0.5rem 0;
   }
@@ -6230,7 +6230,7 @@ body.has-navbar-fixed-bottom-touch {
   }
   .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
     background-color: whitesmoke;
-    color: #3273dc;
+    color: #5e81ac;
   }
 
   .navbar-burger {
@@ -6311,7 +6311,7 @@ body.has-navbar-fixed-bottom-touch {
   }
   .navbar-dropdown a.navbar-item.is-active {
     background-color: whitesmoke;
-    color: #3273dc;
+    color: #5e81ac;
   }
   .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
     border-radius: 6px;
@@ -6446,7 +6446,7 @@ body.has-spaced-navbar-fixed-bottom {
 .pagination-previous:hover,
 .pagination-next:hover,
 .pagination-link:hover {
-  border-color: #b5b5b5;
+  border-color: #d8dee9;
   color: #363636;
 }
 .pagination-previous:focus,
@@ -6477,13 +6477,13 @@ body.has-spaced-navbar-fixed-bottom {
 }
 
 .pagination-link.is-current {
-  background-color: #3273dc;
-  border-color: #3273dc;
+  background-color: #5e81ac;
+  border-color: #5e81ac;
   color: #fff;
 }
 
 .pagination-ellipsis {
-  color: #b5b5b5;
+  color: #d8dee9;
   pointer-events: none;
 }
 
@@ -6596,24 +6596,24 @@ body.has-spaced-navbar-fixed-bottom {
   color: #2e3440;
 }
 .panel.is-primary .panel-heading {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .panel.is-primary .panel-tabs a.is-active {
-  border-bottom-color: #b48ead;
+  border-bottom-color: #81a1c1;
 }
 .panel.is-primary .panel-block.is-active .panel-icon {
-  color: #b48ead;
+  color: #81a1c1;
 }
 .panel.is-link .panel-heading {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 .panel.is-link .panel-tabs a.is-active {
-  border-bottom-color: #3273dc;
+  border-bottom-color: #5e81ac;
 }
 .panel.is-link .panel-block.is-active .panel-icon {
-  color: #3273dc;
+  color: #5e81ac;
 }
 .panel.is-info .panel-heading {
   background-color: #3298dc;
@@ -6691,7 +6691,7 @@ body.has-spaced-navbar-fixed-bottom {
   color: #4a4a4a;
 }
 .panel-list a:hover {
-  color: #3273dc;
+  color: #5e81ac;
 }
 
 .panel-block {
@@ -6713,11 +6713,11 @@ body.has-spaced-navbar-fixed-bottom {
   flex-wrap: wrap;
 }
 .panel-block.is-active {
-  border-left-color: #3273dc;
+  border-left-color: #5e81ac;
   color: #363636;
 }
 .panel-block.is-active .panel-icon {
-  color: #3273dc;
+  color: #5e81ac;
 }
 .panel-block:last-child {
   border-bottom-left-radius: 6px;
@@ -6779,8 +6779,8 @@ label.panel-block:hover {
   display: block;
 }
 .tabs li.is-active a {
-  border-bottom-color: #3273dc;
-  color: #3273dc;
+  border-bottom-color: #5e81ac;
+  color: #5e81ac;
 }
 .tabs ul {
   align-items: center;
@@ -6843,7 +6843,7 @@ label.panel-block:hover {
 }
 .tabs.is-toggle a:hover {
   background-color: whitesmoke;
-  border-color: #b5b5b5;
+  border-color: #d8dee9;
   z-index: 2;
 }
 .tabs.is-toggle li + li {
@@ -6856,8 +6856,8 @@ label.panel-block:hover {
   border-radius: 0 4px 4px 0;
 }
 .tabs.is-toggle li.is-active a {
-  background-color: #3273dc;
-  border-color: #3273dc;
+  background-color: #5e81ac;
+  border-color: #5e81ac;
   color: #fff;
   z-index: 1;
 }
@@ -8868,7 +8868,7 @@ label.panel-block:hover {
   }
 }
 .hero.is-primary {
-  background-color: #b48ead;
+  background-color: #81a1c1;
   color: #fff;
 }
 .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
@@ -8887,7 +8887,7 @@ label.panel-block:hover {
 }
 @media screen and (max-width: 1023px) {
   .hero.is-primary .navbar-menu {
-    background-color: #b48ead;
+    background-color: #81a1c1;
   }
 }
 .hero.is-primary .navbar-item,
@@ -8897,7 +8897,7 @@ label.panel-block:hover {
 .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: #aa7fa2;
+  background-color: #7094b9;
   color: #fff;
 }
 .hero.is-primary .tabs a {
@@ -8919,18 +8919,18 @@ label.panel-block:hover {
 .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;
   border-color: #fff;
-  color: #b48ead;
+  color: #81a1c1;
 }
 .hero.is-primary.is-bold {
-  background-image: linear-gradient(141deg, #ac63aa 0%, #b48ead 71%, #c299b4 100%);
+  background-image: linear-gradient(141deg, #5399bc 0%, #81a1c1 71%, #8ea3cd 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-primary.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #ac63aa 0%, #b48ead 71%, #c299b4 100%);
+    background-image: linear-gradient(141deg, #5399bc 0%, #81a1c1 71%, #8ea3cd 100%);
   }
 }
 .hero.is-link {
-  background-color: #3273dc;
+  background-color: #5e81ac;
   color: #fff;
 }
 .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
@@ -8949,7 +8949,7 @@ label.panel-block:hover {
 }
 @media screen and (max-width: 1023px) {
   .hero.is-link .navbar-menu {
-    background-color: #3273dc;
+    background-color: #5e81ac;
   }
 }
 .hero.is-link .navbar-item,
@@ -8959,7 +8959,7 @@ label.panel-block:hover {
 .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: #2366d1;
+  background-color: #52749f;
   color: #fff;
 }
 .hero.is-link .tabs a {
@@ -8981,14 +8981,14 @@ label.panel-block:hover {
 .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;
   border-color: #fff;
-  color: #3273dc;
+  color: #5e81ac;
 }
 .hero.is-link.is-bold {
-  background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
+  background-image: linear-gradient(141deg, #3e7699 0%, #5e81ac 71%, #6980ba 100%);
 }
 @media screen and (max-width: 768px) {
   .hero.is-link.is-bold .navbar-menu {
-    background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
+    background-image: linear-gradient(141deg, #3e7699 0%, #5e81ac 71%, #6980ba 100%);
   }
 }
 .hero.is-info {
diff --git a/sass/lootalot.scss b/sass/lootalot.scss
index 491ad9a..03bbbba 100644
--- a/sass/lootalot.scss
+++ b/sass/lootalot.scss
@@ -11,14 +11,23 @@ $dark:#2e3440;
 $dark-bis:#2e3440;
 $dark-ter:#2e3440;
 $grey:#4c566a;
-$grey-ligth:#d8dee9;
+$grey-light:#d8dee9;
 $grey-lighter:#e5e9f0;
 $grey-lightest:#eceff4;
-// Color palette
-$primary: $purple;
 
+$nord7:#8fbcbb;
+$nord8:#88c0d0;
+$nord9:#81a1c1;
+$nord10:#5e81ac;
+// Color palette
+$primary: $nord9;
+$link: $nord10;
+
+$body-background-color: $grey-lightest;
+$navbar-background-color: $body-background-color;
 // Notifications
 $notification-padding: 0.8rem 2.5rem 0.8rem 1rem;
 
+$box-radius: 0 0 2rem 2rem;
 
 @import "./bulma-0.8.0/bulma.sass";