message: Add loading screen, fix
diff: @@ -33,3 +33,56 @@ body, html {
  .avatar {
  border-radius: 50%;
  }
  +
  +
  +.loading-container {
  + height: 100%;
  + width: 100%;
  + display: flex;
  + flex-direction: column;
  + justify-content: center;
  + align-items: center;
  + color: white;
  + background-color: map-get($app-primary, 'default');
  +
  + $offset: 187;
  + $duration: 1.4s;
  +
  + @keyframes rotator {
  + 0% {
  + transform: rotate(0deg);
  + }
  + 100% {
  + transform: rotate(270deg);
  + }
  + }
  +
  + @keyframes dash {
  + 0% {
  + stroke-dashoffset: $offset;
  + }
  + 50% {
  + stroke-dashoffset: $offset/4;
  + transform: rotate(135deg);
  + }
  + 100% {
  + stroke-dashoffset: $offset;
  + transform: rotate(450deg);
  + }
  + }
  +
  + .loading-spinner-path {
  + stroke-dasharray: $offset;
  + stroke-dashoffset: 0;
  + transform-origin: center;
  + stroke: map-get($app-accent, 'default');
  +
  + animation: dash $duration ease-in-out infinite;
  + }
  +
  + .loading-spinner {
  + animation: rotator $duration linear infinite;
  + }
  +}
  +
  +
  