canvas {
  background-color: white;
  fill:white;
  color: black;
}

.perso {
    display:flex;
    justify-content:center;
    align-items: center;
    padding-left:15%;
    padding-right:15%;
    padding-top:2vw;
    font-size:1.6vw;
    padding-bottom:2vw;
}

.perso>p {
    opacity:0;
    transform: translateX(20px);
    animation: slideInFromRight 1s ease-out forwards;
}

.perso1 {
    background-image:linear-gradient(rgb(226, 242, 248),rgb(183, 195, 199));
    display:flex;
    align-items: center;
    padding-left:15%;
    padding-right:15%;
    padding-top:2vw;
    font-size:1.6vw;
    padding-bottom:2vw;
    animation: appear 0.5s ease-out forwards;
}

.perso1>p {
    opacity:0;
    transform: translateX(-20px);
    animation: slideInFromLeft 1s ease-out forwards;
}

.values {
    display:flex;
    justify-content: space-between;
    padding-left:15%;
    padding-right:15%;
    padding-top:2vw;
    font-size:1.6vw;
    padding-bottom:2vw;
}

.model {
    display:flex;
    justify-content:center;
    padding-bottom:2vw;
}

#weapon {
    display:block;
    width:12vw !important;
    height: 12vw !important;
    border:2px dotted black;
    transform: scaleX(0.1);
    animation: zoomInX 0.5s ease-out forwards;
}

#logo {
    width:6vw !important;
    height:6vw !important;
    padding-top:1vw;
    margin-right:2vw;
}