.wip_main { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: var(--main-bg-color); color: var(--text-color); display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; color: var(--text-color); font-weight: 400 !important; transition: var(--transition-ultra-slow); z-index: 0; background-color: #242424; color: white; } .wip_clamp { opacity: 0.5; transition: var(--transition-mid); } .wip_clamp:hover { opacity: 1 !important; filter: brightness(150%); text-shadow: var(--text-glow); } .wip_main { font-family: var(--wip-font) !important; transition: var(--transition-mid); } .wip_box { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; flex-direction: column; text-align: center; animation-name: wip_fade_in; animation-delay: 1s; animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .wip_title { display: flex; font-size: 140pt; line-height: 120pt; overflow: hidden; text-overflow: clip; white-space: nowrap; border-bottom: 1px solid #eeeeee20; } .slide_from_bottom { position: relative; transform-origin: 0% 0%; animation: slide_from_bottom; animation-delay: 1s; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .slide_from_left { position: relative; transform-origin: 0% 0%; animation: slide_from_left; animation-delay: 1.5s; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .slide_from_right { position: relative; transform-origin: 0% 0%; animation: slide_from_right; animation-delay: 2.5s; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .wip_mission { font-size: 29pt; line-height: 32pt; text-transform: uppercase; opacity: .75; margin: 0px; padding: 0px; height: 2.3rem; overflow: hidden; text-overflow: clip; white-space: nowrap; margin-top: var(--mp); } .wip_message { font-size: 37pt; line-height: 24pt; padding: calc(var(--mp) * 2); padding-top: calc(var(--mp) * 2); border-radius: calc(var(--mp) * 1); background-color: #800000; border: 1px solid #600000; width: -moz-fit-content; width: fit-content; height: 46pt; box-shadow: var(--box-shadow-inset); overflow: hidden; text-overflow: clip; white-space: nowrap; animation: wip_grow; animation-duration: .5s; animation-delay: 2.0s; animation-fill-mode: both; margin-top: var(--mp); } .wip_address a, .wip_address a:visited { color: #eeeeee; text-decoration: none; } .wip_address a:hover { color: white; } .wip_address a:active { opacity: .5; } .wip_certifications, .wip_address { font-family: var(--wip-address-font); margin-bottom: 1rem; animation-delay: .5s; animation-duration: .5s; animation-fill-mode: both; } .wip_address { font-size: 1rem !important; text-align: center; text-transform: none !important; font-weight: 500; } div.wip_address { font-family: var(--wip-address-font); font-size: 1.1rem !important; } .wip_footer { position: fixed; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; height: calc(var(--footer-bar-height) * 1); font-family: var(--wip-address-font); font-weight: 500; text-transform: uppercase; opacity: .5; padding: calc(var(--mp) * 2); background-color: #242424; box-shadow: var(--box-shadow); } .wip_sep { opacity: .333; } .wip_openup_sesame { position: fixed; --ous-size: 4rem; width: var(--ous-size); height: var(--ous-size); border-radius: var(--ous-size); transform-origin: 50% 50%; background-color: #ffffff; opacity: 0; z-index: 1000; top: calc(var(--ous-size) * -.5); left: calc(var(--ous-size) * -.5); transition: var(--transition-mid); z-index: 99999999; } .wip_openup_sesame:hover { opacity: .5; transform: scale(1.5); } .wip_under_construction { position: fixed; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; flex-direction: column; text-transform: uppercase; width: -moz-fit-content; width: fit-content; z-index: -1; animation: centered_fade_in; animation-duration: 1s; animation-delay: 2s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; overflow-x: hidden; background-color: var(--bg-dependent-bg-color-trans); color: var(--bg-dependent-fg-color); backdrop-filter: var(--backdrop-filter-header); padding: calc(var(--mp) * 1.5) calc(var(--mp) * 3) calc(var(--mp) * 1.5) calc(var(--mp) * 3); border-radius: calc(var(--mp) * .5); opacity: 0; left: 50% !important; transform: translateX(-50%); } @media (orientation: landscape) { .wip_under_construction { bottom: calc(var(--footer-page-bottom-stripe-height) + 15vh); } } @media (orientation: portrait) { .wip_under_construction { bottom: calc(var(--footer-page-bottom-stripe-height) + var(--mp) * 3); } } .wip_under_construction > div { font-size: 1.25rem; white-space: nowrap !important; } #fake { --openup-sesame-size: 60px; height: var(--openup-sesame-size); width: var(--openup-sesame-size); border-radius: calc(var(--openup-sesame-size) * .5); top: calc(var(--openup-sesame-size) * -.5); left: calc(var(--openup-sesame-size) * -.5); background-color: rgb(255, 255, 255); border: 5px solid rgb(255, 255, 255); z-index: 99999999; } .wip_main .logo_box { margin-top: 20% !important; }