:root {
    --under-construction-heading-font-size: 64px;
    --under-construction-heading-color: whitesmoke;
}

.under-construction-page {
  background-color: var(--bg-color);
  background-image: var(--construction-page-bg-image);
  background-size:cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.under-construction-heading-container {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: calc(100vh - var(--nav-bar-height));
}

.under-construction-heading {
    font-size: var(--under-construction-heading-font-size);
    color: var(--under-construction-heading-color);

    text-wrap: wrap;

    box-sizing: border-box;
    
    margin: 0;

    padding-left: 50%;
    padding-right: 12%;
}