/* ============================================================
Nurturing Self — Max Contact
============================================================ */

html,
body {


margin: 0;

width: 100%;
height: 100%;

overflow: hidden;


}

body {


background: #F0E4D6;

font-family: 'Montserrat', sans-serif;


}

.max-page {


position: relative;

width: 100%;
height: 100vh;

overflow: hidden;


}

.max-page img {


display: block;

width: 100%;
height: 100%;

object-fit: cover;


}

.max-text {


position: absolute;

top: 50%;
left: 50%;

transform: translate(-50%, -50%);

width: min(90%, 650px);

box-sizing: border-box;

text-align: center;

font-size: 1.1rem;


}

.max-text h1 {


margin: 0;

font-family: 'Roboto', sans-serif;

font-size: 3rem;
font-weight: 500;


}

.max-text p {

margin: 1rem 0;

line-height: 1.6;


}

.max-text a {


display: block;

width: fit-content;

max-width: 100%;

margin: 1.5rem auto 0;

color: inherit;

font-weight: 600;

overflow-wrap: anywhere;


}

.max-text .return-home {

margin-top: 1rem;

font-size: 0.95rem;

font-weight: 400;


}

/* ============================================================
MOBILE
============================================================ */

@media (max-width: 600px) {


.max-text {

    width: 88%;

    font-size: 1rem;

}


.max-text h1 {

    font-size: 2.25rem;

}


.max-text p {

    line-height: 1.5;

}


}

/* ============================================================
   DARK MODE
   ============================================================ */

@media (prefers-color-scheme: dark) {

    body {

        background: var(--dark-bg);

        color: var(--pale-nothing);

    }


    .max-text h1 {

        color: var(--pale-nothing);

    }


    .max-text p {

        color: var(--pale-nothing);

    }


    .max-text a {

        color: var(--pale-nothing);

    }


    .max-text a:hover {

        color: var(--pale-nothing);

    }

}