#startup {
          width: 100%;
          height: 100%;
          position: fixed;

			background: #ffffff; /* Old browsers */
			/*background: -moz-linear-gradient(top, #1364ac 1%, #0943a0 100%); /* FF3.6-15 */
			/*background: -webkit-linear-gradient(top, #1364ac 1%,#0943a0 100%); /* Chrome10-25,Safari5.1-6 */
			/*background: linear-gradient(to bottom, #1364ac 1%,#0943a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1364ac', endColorstr='#0943a0',GradientType=0 ); /* IE6-9 */

          -moz-user-select: none;
          -webkit-user-select: none;

          display: flex;
          align-items: center;
          justify-content: center;
      }

      .spinner-container {
          animation: rotate 2s linear infinite;
          -webkit-animation: rotate 2s linear infinite;
      }

      .spinner-container .path {
          stroke-dasharray: 1,150; /* 1%, 101% circumference */
          stroke-dashoffset: 0;
          stroke: #1364ac;
          stroke-linecap: round;
          animation: dash 1.9s ease-in-out infinite;
          -webkit-animation: dash 1.9s ease-in-out infinite;
      }

      @keyframes rotate{
          100% { transform: rotate(360deg); }
      }

      @keyframes dash {
            0% {
              stroke-dasharray: 1,150;  /* 1%, 101% circumference */
              stroke-dashoffset: 0;
          }
          50% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -35;   /* 25% circumference */
          }
          100% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -124;  /* -99% circumference */
          }
      }

      @-webkit-keyframes rotate{
          100% { transform: rotate(360deg); }
      }

      @-webkit-keyframes dash {
            0% {
              stroke-dasharray: 1,150;  /* 1%, 101% circumference */
              stroke-dashoffset: 0;
          }
          50% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -35;   /* 25% circumference */
          }
          100% {
              stroke-dasharray: 90,150; /* 70%, 101% circumference */
              stroke-dashoffset: -124;  /* -99% circumference */
          }
      }

      .app-wrapper {
          width: 100%;
          height: 100%;
      }

      @media screen and (max-width: 600px) {
          body {
              overflow-x: auto;
          }
          .app-wrapper {
              width: 600px;
          }
      }