:root {
  --vert-apaisant: #5DA271;
  --vert-doux: #6FBF83; 
}

[x-cloak]{ display:none !important;}

.btn-radius{
  border-radius: 50px 0 50px 50px;
}

body {
  opacity: 0;
  transition: opacity 0.6s ease-out;
}
body.loaded {
  opacity: 1;
}

 @keyframes soft-slide-left {
      0% {
        opacity: 0;
        transform: translateX(-100px);
      }
      100% {
        opacity: 1;
        transform: translateX(0);
      }
    }
    @keyframes soft-slide-right {
      0% {
        opacity: 0;
        transform: translateX(100px);
      }
      100% {
        opacity: 1;
        transform: translateX(0);
      }
    }

    .animate-soft-slide-left {
      animation: soft-slide-left 1s ease-out forwards;
    }
    .animate-soft-slide-right {
      animation: soft-slide-right 1s ease-out forwards;
    }