@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&family=Lora:wght@400;700&family=Playfair+Display:wght@400;700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* TITRES */
h1{
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-size: 45px;
    color: #f5f5f5;  
}

/* MAP */
#map{
    position: absolute;
    height: 85%;
    width: 100%;
}

/* ------ DARK MODE COLORS --- */
:root {
    --primary-color: #d3d7ff;         
    --secondary-color: #999;          
    --background-color: #0f0f0f;     
    --text-color: #e8e8e8;            
    --accent-color: #5ea3ff;          
    --shadow-color: rgba(0, 0, 0, 0.6);
}

/* LIEN */
a{
    color: #6fb8ff; 
    display:block;
    text-align: center;
    margin: auto;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

/* SECTIONS */
.default-section {
    width: 80%;
    margin: 20px auto;
    text-align: left;
    color: var(--text-color);
}

/* H2 */
.h2-presentation{
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    margin-bottom: 50px;
    color: var(--primary-color);
}

.h2-question{
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    margin-bottom: 50px;
    color: var(--primary-color);
}

/* QUESTIONS */
.question-parent{
    display: flex;
    flex-direction: row;
    color: var(--text-color);
}

.question-child{
    display: flex;
    flex-direction: column;
}

.question{
    display: block;
    margin-bottom: 20px;
    padding: 20px;

    background: #181818;     /* panel nuit */
    border-radius: 8px;
    box-shadow: 0 2px 6px var(--shadow-color);

    border-left: 4px solid var(--accent-color);
    color: var(--text-color);
}

.question-symbole{
    display: block;
    margin-bottom: 20px;
    padding-top: 22px;
    font-size: 20px;
    color: var(--accent-color);
}

.question:last-child{
    margin-bottom: auto;
}