body {background:#000;}
.viewport {width: 100%;height: 100%;position: relative;left: 0;right: 0;margin: auto;}
[data-loading] {position: fixed;display: block;width: 100vw;top: 0;left: 0;height: 100vh;}
[data-loading] > * {display: block;position: absolute;width: 51vw;height: 100vh;overflow: hidden;}
[data-loading] > *:first-child {top: 0;left: 0;background: #fff;}
[data-loading] > *:last-child {bottom: 0;right: 0;transform: rotate(180deg);background: #fff;}
[data-loading="complete"] {animation: close 0s forwards;animation-delay: 3s;}
[data-loading="complete"] > * {animation: open 1s forwards;animation-delay: 2s;}
@keyframes open {
	from {width: 50vw;}
	to {width: 0;}
}
@keyframes close {
	to {z-index: -100;}
}
svg {position: absolute;bottom: 0;right: 0;margin: auto;}
svg:nth-child(1) {width: 250px;height: 250px;top: 50px;left: 50px;animation: hide 7s forwards;}
.logo {position: absolute;bottom: 0;right: 0;margin: auto;width: 80px;top: 0;left: 0;opacity: 0;}
.flash {animation: show 3s infinite linear;}
@keyframes show {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes hide {
	to {opacity: 0;}
}