/* =========================================================
   MES REPORTAGES
   Accueil public
========================================================= */

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

body.home-page {
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 50% 30%,
            #343a40 0%,
            #212529 45%,
            #111 100%
        );

    color: #fff;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


/* =========================================================
   CENTRAGE
========================================================= */

.home-wrapper {
    min-height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 30px 20px;
}


.home-content {
    width: 100%;
    max-width: 620px;
}


/* =========================================================
   APPAREIL PHOTO
========================================================= */

.home-camera {
    font-size: 2.8rem;

    margin-bottom: 5px;
}


/* =========================================================
   TITRE
========================================================= */

.home-title {
    margin: 0;

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

    letter-spacing: 1px;
}


.home-signature {
    margin-top: 8px;
    margin-bottom: 35px;

    font-size: 0.75rem;

    letter-spacing: 4px;

    color: rgba(255, 255, 255, 0.55);
}


/* =========================================================
   CARTE CENTRALE
========================================================= */

.home-card {
    padding: 35px 30px;

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.08);

    border:
        1px solid rgba(255, 255, 255, 0.12);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.30);
}


.home-card h2 {
    margin: 0;

    font-size: 1.45rem;
    font-weight: 400;
}


.home-line {
    width: 50px;
    height: 1px;

    margin: 22px auto;

    background:
        rgba(255, 255, 255, 0.40);
}


.home-quote {
    font-size: 1.15rem;

    font-style: italic;

    color:
        rgba(255, 255, 255, 0.90);
}


.home-information {
    margin-bottom: 0;

    color:
        rgba(255, 255, 255, 0.65);

    line-height: 1.7;
}


/* =========================================================
   ADMINISTRATION
========================================================= */

.admin-link {
    display: inline-block;

    margin-top: 28px;

    padding: 8px 18px;

    border:
        1px solid rgba(255, 255, 255, 0.35);

    border-radius: 30px;

    color:
        rgba(255, 255, 255, 0.70);

    font-size: 0.85rem;

    text-decoration: none;

    transition: 0.25s ease;
}


.admin-link:hover {
    color: #fff;

    border-color: #fff;

    background:
        rgba(255, 255, 255, 0.08);
}


/* =========================================================
   FOOTER
========================================================= */

.home-footer {
    margin-top: 30px;

    font-size: 0.8rem;

    line-height: 1.7;

    color:
        rgba(255, 255, 255, 0.45);
}


.home-footer strong {
    color:
        rgba(255, 255, 255, 0.70);

    font-weight: 500;
}


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

@media (max-width: 576px) {

    .home-title {
        font-size: 2.3rem;
    }

    .home-signature {
        letter-spacing: 2px;
    }

    .home-card {
        padding: 28px 20px;
    }

    .home-card h2 {
        font-size: 1.25rem;
    }
}