:root {
    --backg : hsl(171, 100%, 41%);
    background-color: var(--backg);
}

#mainPage {
    min-width: 600px;
    width:80%;
    margin-left:auto; 
    margin-right:auto;
    padding-left : 10px;
    padding-right : 10px;
    animation: opening_fadein 1s linear forwards;
}

@keyframes opening_fadein {
    from {opacity: 0;}
    to {opacity: 100%;};
}

#bandeau {
    background-color: inherit;
}

#foot {
    background-color: inherit;
    height: min-content;
}
  
.crocosection:hover .crocosection1::after {
    content: " 🐊";
}