/* old css originally used for the construction notice when this was first created. will probably be nixed or relocated soon */

body {
    background-color: black;
    background-image: url("/image/bg/sky1abig.png"), url("/image/bg/sky1bbig.png");
    background-size: 25vw;
    font-family: "dpquake", Garamond;
    color: white;
    animation-name: bgscroll;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}

.centerbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    border-width: 5px;
    border-style: groove;
    border-color:goldenrod;

    background-color:brown;
    background-image: url("/image/bg/ceiling5big.png");
    background-size: 10vw;

    margin: auto;
    padding: 1em;
    text-align: center;
    font-size: 2em;
}

.center {
    text-align: center;
    font-size: 2em;
}

@keyframes bgscroll {
    0% {background-position: 0 0, 0 0;}
    100% {background-position: 100vw 100vw, 50vw 50vw;}
  }

  @font-face {
    font-family: 'dpquake';
    src: url('../font/dpquake.woff2') format('woff2'),
         url('../font/dpquake.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}