/** @format */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    font-family: -apple-system, sans-serif;
    letter-spacing: -0.5px;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 16px;
}
body {
    display: flex;
    flex-direction: column;
}
.container {
    width: 300px; /* Largeur fixe de l'élément parent */
    height: 800px; /* Hauteur fixe de l'élément parent */
    display: flex;
    flex-direction: column;
    position: relative;

    background-color: red;
}

.child {
    background-color: blue;
    width: 100%;
    height: 1000px; /* Plus grand que le parent pour que le contenu dépasse */
    position: absolute;
    top: 0;
    bottom: 0; /* Pour permettre au contenu de se déplacer et être visible */
    left: 0;
    right: 0;
    scroll-behavior: smooth; /* Défilement fluide */
}