@charset "UTF-8";

body::before {
    content: 'Service Suspended';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #f8f8f8c2;
    background-position: center 90%;
    background-image: url('/wp-content/plugins/service-suspended/assets/service-suspended.png');
    background-repeat: no-repeat;
    background-size: min( 41.667vw, 800px );
    backdrop-filter: blur(7px);
    color: red;
    font-size: clamp(40px, 3.75vw, 72px);
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}