img.green{
      width: 390px;     
      height: 390px; 
      float: left;
      size: 30px;
    }
img.purple{
    width: 390px;
    height: 390px;
    float: right; 
     
    }

body{
background-color: black;

  }

  .purplep{
      color: #00ff00;
      size: 35px;
      margin-bottom: 20%;
    }   
    .greeng{
        color: #ff00ff;
        size: 45px;
        margin-bottom: 20%;
    }

.fondtitre{
background-color: black;
}

.titre{
    color: #00ff00;
    font-size: 80px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    

}

.titre:hover{
    color: #ff00ff;
}

.card-header{
background-color: black;

}

#menu{
padding-top: 10px;
   font-size: 20px;
   color: #ff00ff;
}

#histoire{
    color: #ff00ff;
    text-align: center;
}

#histoire:hover{
    color: #00ff00
}

#phistoire{
    color: white;
    margin-left: 18%;
    margin-right: 18%
}

#contact{
    text-align: center;
}

p{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 20px;
}
.nav-item{
    align-self: auto;
}
.intro{
    color: #00ff00;
    text-align: center;
}

.intro:hover{
    color: #ff00ff;
}

#insta{
  width: 30px;
  height: 30px;  
      
}

#twi{
    width:40px;
    height: 30px; 
      
}

#face{
    
    width: 40px;
  height: 30px; 
}


#crea{
    color: #00ff00;
    text-align:center;
}

#crea:hover{
    color: #ff00ff
}

#pcrea{
    color: white;
    margin-left: 18%;
    margin-right: 18%;
    margin-bottom: 10%;
}

#video{
    margin-bottom: 10%;
    margin-left: 25%;
    width: 50%;
    height: 50%;
    border-image: round;
}
#commande{
    color: white;
    text-align: center;

}

#mov{
color: #00ff00;
text-align: center;
}

#mov:hover{
color: #ff00ff;
}