@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body{
    margin: 0px;
    background-color: black;
    
    color: white;
}

.planètes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly   ;
}
header{
    display: flex;
   flex-direction: column;
   align-items: center;
   background-color: blue;
   font-style: italic;
   padding: 20px;
}
hea
span{
  background-color: yellow;
}
footer{
    background-color: blue;
    padding: 20px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;

}
main h2{
    display: flex;
    justify-content: center;
}
.system-solaire{
    display: flex;
    flex-direction: column;
    justify-content: center;

}
main section, article{
    margin: 40px;
}
.planètes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    justify-content: center;
}
.planètes img{
    width: 450px;
    opacity: 0,5;
}