body {
    background-color: hsl(34, 89%, 65%);
    font-family: Epilogue;
    color:rgb(54, 53, 53);
    margin:0;
}
h1 {
    width:100%;
    text-align: center;
    margin-bottom: 0;
}
.sous-titre {
    color: hsla(34, 100%, 81%, 0.96);
}
.man {
    width:60px;
    height:60px;
    border-radius: 100%; 
    position: absolute;
}

.pac {
    background-color:rgb(54, 53, 53);
    top:300px;
    left:100px;
}
.pacRed {
    background-color:rgb(219, 70, 70);
    border-radius: 100%; 
    position: absolute;
    top:300px;
    left:200px;
}
.amanger {
    clip-path: polygon(0 0, 100% 0, 50% 50%, 100% 100%, 0 100%);
}
.point {
    width:60px;
    height:60px;
    position: absolute;
    /* background-color: cornflowerblue; */
    top:100px;
    left:100px;
}
.point::after {
    content: '';
    position: absolute;
    top: 40%;
    left:40%;
    width:20%;
    height:20%;
    /* clip-path: polygon(50% 0, 60% 30%, 100% 15%, 75% 50%, 100% 100%, 50% 75%, 0 100%, 15% 50%, 0 15%, 30% 30% ); */
    background-color: rgb(49, 49, 49);
}

.material-icons-round.md-48 { 
    font-size: 40px; 
}

.play {
    cursor: pointer;
}
.commandes {
    position: absolute;
    inset: auto 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 6rem;
    justify-content: center;
    align-items: center;
}
.sup {
    display:none;
}
.com {
    width: 33vw;
    height: 3rem;
    border : 1px solid hsla(34, 100%, 81%, 0.96);
    border-radius: .2rem;
    user-select: none;
}