.wip-background{position:fixed;top:0;left:0;height:100%;width:100%;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/backgrounds/castle-background.jpg);background-size:200% 200%,cover;background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;z-index:-1}.wip-page{min-height:100vh;text-align:center;align-items:center;justify-content:center;padding:1rem}.wip-content,.wip-page{color:white;display:flex}.wip-content{width:100%;max-width:600px;flex-direction:column;gap:1rem;margin:0 auto}.wip-content h1{font-size:2rem;margin:0 0 1rem}.wip-content h3{font-size:1.25rem;margin:.5rem 0}.counter{font-size:1.25rem;border:.1rem solid white;padding:.5rem 1rem;border-radius:.5rem;align-self:center;display:inline-block;margin:.5rem}.wip-btn{margin-top:.5rem;padding:.75rem 1.5rem;background-color:rgba(255,255,255,.1);border:.15rem solid white;border-radius:.65rem;box-shadow:0 4px 6px rgba(0,0,0,.1);color:white;font-weight:700;font-size:1rem;align-self:center;transition:all .2s ease-in-out}.wip-btn:hover{background-color:rgb(0,0,0);cursor:pointer;transform:scale(1.05)}@media (max-width:600px){.wip-content h1{font-size:1.75rem}.counter,.wip-content h3{font-size:1rem;padding:.5rem 1rem}.wip-btn{width:90%;font-size:.9rem}}@media (min-width:768px){.wip-content h1{font-size:3rem}.counter,.wip-content h3{font-size:1.5rem}}