body {
    margin: 0 auto;
}


section.title {
    background: url("../images/site/background_1.jpg");
}






section.project-piano {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.piano-video {
        padding: 0px 50px;
        margin: 10px;
        display: flex;
        justify-content: space-between;
    }
}



section.project-ks {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.ks-img {
        padding: 0px 50px;
        margin: 10px;
        display: flex;
        justify-content: space-between;
        img {
            width: 560px;
            height: 350px;
        }
    }
}



section.youtube-jeux {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.game-video {
        padding: 0px 50px;
        margin: 10px;
        display: flex;
        justify-content: space-between;
        img {
            width: 560px;
        }
    }
}


section.ks-datapacks {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.ks-dp-embed {
        padding: 0px 50px;
        margin: 10px;
        display: flex;
        justify-content: space-between;
    }
}


section.steel-song {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.steel-song-yt {
        padding: 0px 50px;
        margin: 10px;
        display: flex;
        justify-content: space-between;
        img {
            width: 560px;
        }
    }
}

section.puzzle-podcast {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.podcast-yt {
        padding: 0px 50px;
        margin: 10px;
        display: flex;
        justify-content: space-between;
        img {
            width: 560px;
        }
    }
}


section.tcg-design {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.figma {
        padding: 0px 0px;
        margin: 20px;
        display: flex;
        justify-content: space-evenly;

    }
}


section.lampes {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.lampe-poche1 {
        img {
            width: 500px;
        }
        padding: 0px 100px;
        margin: 20px;
        display: flex;
        justify-content: space-evenly;

    }
        section.lampe-poche2 {
        img {
            width: 400px;
        }
        padding: 0px 40px;
        display: flex;
        justify-content: space-evenly;

    }

        section.lampe-chevet {
        margin: 60px;
        display: flex;
        justify-content: space-evenly;
        img {
            width: 400px;
            height: 400px;
        }

    }
}



section.pixel-arts {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.pixel-arts-img{
    
        margin: 0px;
        display: flex;
        justify-content: space-evenly;
        img {
            width: 500px;
        }
    }
}



section.mc-model {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.model-gif{
    
        margin: 0px;
        display: flex;
        justify-content: space-evenly;
        img {
            width: 500px;
        }
    }
}


section.roguelite {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    section.roguelite-img{
    
        margin: 0px;
        display: flex;
        justify-content: space-evenly;
        img {
            width: 550px;
        }
    }
}







section.ovh {
    margin: 20px;
    align-items:flex-end;
    h1 {
        padding: 0px 100px;
    }
    h4 {
        padding: 0px 20px;
    }
}





section.end {
    background-color: aqua;
    section.text-end {
    display: flex;
    justify-content: space-around;
        h4 {
            padding: 0px 40px;
            margin: 10px;
        }
    }
}