@import '../component/bypass.css';
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Hauteur de la fenêtre */
    margin: 0; /* Supprimer la marge par défaut du corps */
}
.outer-container {
    display: flex;
    align-items: flex-start;
    /* justify-content: center; (Vous n'avez plus besoin de ceci car le corps est déjà centré) */
}
.mewo {
    width: 26px; /* Largeur de l'image de Mewo */
    height: 16px; /* Hauteur de l'image de Mewo */
    position: relative;
    align-self: flex-start; /* Aligner Mewo avec le bas de la boîte */
    top: 102px;
    left: 26px;
    image-rendering: pixelated;   
}
.image-box {
    width: 128px; /* Largeur de la boîte d'image */
    height: 97px; /* Hauteur de la boîte d'image */
    border: 1px solid black; /* Bordure noire de 1 pixel */
    position: relative;
}
.object {
    position: absolute;
}
.laptop {
    width: 18px; /* Largeur du laptop */
    height: 22px; /* Hauteur du laptop */
    top: 0px; /* Position par rapport au haut */
    left: 32px; /* Position par rapport à gauche */
    image-rendering: pixelated;
}
.sketchbook {
    width: 18px; /* Largeur du notebook */
    height: 19px; /* Hauteur du notebook */
    top: 6px; /* Position par rapport au haut */
    left: 104px; /* Position par rapport à gauche */
    image-rendering: pixelated;
}
.tissue-box {
    width: 17px; /* Largeur de la boîte de mouchoirs */
    height: 19px; /* Hauteur de la boîte de mouchoirs */
    top: 72px; /* Position par rapport au haut */
    left: 104px; /* Position par rapport à gauche */
    image-rendering: pixelated;
}

.door {
    width: 22px; /* Largeur de la porte */
    height: 34px; /* Hauteur de la porte */
    position: relative;
    left: -120px; /* Position par rapport à gauche, alignée sur la première colonne de la boîte */
    top: -92px; /* Alignement vertical avec le haut de la boîte */
    image-rendering: pixelated;
}
.lightbulb {
position: fixed;
width: 32px; /* Largeur de l'ampoule */
height: 500px; /* Hauteur de l'ampoule */
z-index: 999; /* Une valeur élevée pour placer l'ampoule au-dessus des autres éléments */
position: relative;
left: -96px; /* Position par rapport à gauche, alignée sur la première colonne de la boîte */
top: -337px; /* Alignement vertical avec le haut de la boîte */
image-rendering: pixelated;
overflow: hidden;
}
.shadow {
position: fixed;
width: 10px; /* Largeur de l'ampoule */
height: 4px; /* Hauteur de l'ampoule */
z-index: 999; /* Une valeur élevée pour placer l'ampoule au-dessus des autres éléments */
position: relative;
left: -116px; /* Position par rapport à gauche, alignée sur la première colonne de la boîte */
top: -57px; /* Alignement vertical avec le haut de la boîte */
image-rendering: pixelated;
}
.omori {
position: fixed;
width: 32px; /* Largeur de l'ampoule */
height: 32px; /* Hauteur de l'ampoule */
z-index: 999; /* Une valeur élevée pour placer l'ampoule au-dessus des autres éléments */
position: relative;
left: -126px; /* Position par rapport à gauche, alignée sur la première colonne de la boîte */
top: -7px; /* Alignement vertical avec le haut de la boîte */
image-rendering: pixelated;
}