:root {
    --my-green: rgb(138, 232, 131);
    --my-black1: rgba(63, 64, 63);
    --my-black2: rgba(53, 54, 53);
}

body {
    background-image: url(img/montagne.jpg);
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 0;
    margin: 0;
    color: white;
    font-family: "Noto Sans", sans-serif;}


/* ---- TITRE ---- */
.titrecontainer {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.titrecontainer h1 {
    font-size: 8em;
    padding-bottom: 11rem;
    color: white;
    font-family: "Dancing Script", serif;
}

/* ---- SECTIONS ---- */
#main {
    box-shadow: 0px -5px 50px var(--my-green);
}

#about, #projet, #veille {
    background-color: var(--my-black1);
    padding: 2em 0;
}


/*----Titre H2----*/
h2/*abouttitle, .devSkillTitle, .projetTitle, .veilleTitle, .contactTitle*/{
    display: flex;
    justify-content: left;
    margin-left: 5rem;
    color:var(--my-green);
    font-size: 5em;

}

/*----Tire H3----*/
h3{
    color: var(--my-green);
    font-size: 2rem;
    margin-left: 6rem;
    margin-top: 5rem;
    font-weight: bold;
}
@media (max-width: 768px){

/*----Titre----*/

.titrecontainer{
    display: flex;
    text-align: center;
}
.titrecontainer h1{
    font-size: 5em;

}

/*----Titre H2----*/
h2/*.abouttitle,.devSkillTitle, .projetTitle, .veilleTitle, .contactTitle*/{
    margin-left: 2rem;
    font-size: 2em;
}

}