html, body {
    margin: 0;           /* Remove default margins */
    padding: 0;          /* Remove default padding */
    width: 100%;         /* Full width of viewport */
    height: 100%;        /* Full height of viewport */
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

/*body > * {*/
/*    flex: 1;  !* Distribute space equally, or grow to fill *!*/
/*}*/

body.home .title {
    text-align: center;
    width: 100%;
}

.title h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.5rem, 12vw, 12rem);
    font-weight: 300;
    letter-spacing: 0.05em;
    margin-bottom: 0;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

body {
    background-image: url('../images/frontera-mai-pp.jpg');
    background-size: cover;
    background-repeat: no-repeat;      /* Don't tile the image */
    background-position: 80% center;      /* Center it in the viewport */
    background-attachment: fixed;     /* Stays in place when scrolling */
    background-color: black;           /* Fallback color for empty space */
}