@font-face {
    font-family: 'DEADPOOL';
    src: url('font/DeadpoolMovie-9AzL.ttf');
}

@font-face {
    font-family: 'Avengers';
    src: url('font/AVENGEANCE HEROIC AVENGER AT.ttf');
}

body {
    font-family: 'Avengers';
    color: #ab0000;
    font-size: 50px;
    background-color: black;
    text-align: center;
    letter-spacing: 0.5px;
}

h1,h2,h3,h4,h5,h6 {
    letter-spacing: 2px;
}

p {
    font-family: Arial;
    color: #ae9494;
}

#fin {
    font-family: 'DEADPOOL';
}

strong {
    color: yellow;
}

#menu1 {
        display:flex;
        flex-direction:row;
}


nav .menu{
	flex: 1;
    flex-direction: column;
    justify-content: flex-start;
}

.sousmenu{
	flex-direction: column;
    justify-content: flex-start;
}

a{
    color: red;
    text-decoration: none;
}

a:hover {
    color: yellow;
}

li {
    display: flex;
    flex: 1;
    transition-duration: 0.5s;
    align-items: center;
}

ul {
    display: flex;
    transition-duration: 0.5s;
    flex-grow:1;
    margin: 0;
}

ul li ul {
        transition: all 0.5s ease;
        display: none;
}
ul li ul li ul li{
    color: blue;
    flex-direction: column;
    align-items: flex-start;
    margin: 5px;
    width: 10em;
    font-size: 0.9em;
}

    li:hover > ul,
    li.sousmenu ul.sousmenu:hover {
        display: flex;
        flex-direction:column;
        color:gray;
    }