loading-page
{
   top: 0;
   left: 0;
   position: absolute;
   z-index: 1;
   display: none;
   justify-content: center;
   align-items: center;
   height: 100vh;
   width: 100vw;
   background-color: #000000c4;
}
loading-page regular-icon
{
   width: 10rem;
   height: 10rem;
}
main:empty + loading-page
{
   display: flex;
   opacity: 0;
   animation: loading-page-show 1.0s linear forwards;
}
@keyframes loading-page-show {
   99% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}