html, body {
  height: 100%
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #6f8bab;
}

.splash {
    display: grid;
    height: 100%;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 42px;
}

.logo {
    max-width: 250px;
}

.spinner {
    animation: rotator 1.4s linear infinite;
    height: 42px;
}

@keyframes rotator {
    0% {
		 transform: rotate(0deg);
	}
	100% {
		 transform: rotate(270deg);
	}
}

.path {
    stroke-dasharray: 187;
	stroke-dashoffset: 0;
	stroke: #000;
	transform-origin: center;
	height: 20px;
	animation: dash 1.4s ease-in-out infinite;
}

@keyframes dash {
	0% {
		 stroke-dashoffset: 187;
		 transform: rotate(0deg);
	}
	50% {
		 stroke-dashoffset: 46.75;
		 transform: rotate(135deg);
	}
	100% {
		 stroke-dashoffset: 187;
		 transform: rotate(450deg);
	}
}