@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

main {
    overflow: hidden;
}

:root {
    /* COLORS */
    --light: #FFF9EE;
    --dark: #141301;
    --accented: #87332D;
    --color2: #7F9172;
    --color3: #D2883E;
    --text: #746043;
    --lighter-text: #ac9a80;
    --darker-text: #4b4131;

}

/* FONTS */
* {
    font-family: 'afacad';
}

/* body {
    background-color: var(--accented);
} */

p {
    color: var(--text);
}
ul {
	color: var(--text);
}

.main-button {
    display: inline-block;
    color: var(--accented);
    text-decoration: none;
    padding: 6px 12px;
    border: solid 1px var(--accented);
    border-radius: 20px;

    transition: 0.3s ease;
}
.main-button:hover {
    background-color: var(--accented);
    color: var(--light);
}

.main-button-reverse {
    display: inline-block;
    color: var(--light);
    background-color: var(--accented);
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 20px;
    border: solid 1px var(--accented);
    
    transition: 0.3s ease;
}
.main-button-reverse:hover {
    background-color: var(--light);
    color: var(--accented);
    border: solid 1px var(--accented);
}





.container {
    max-width: 1200px;  /* largeur max du contenu */
    margin: 0 auto;     /* centre horizontalement */
    padding: 70px 1.5rem;  /* espace de respiration sur les côtés */
}

.center {
    margin: 0 auto;
}

.background {
    background-color: var(--light);
}