.wrapper {
    margin-top: 5vh;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #101018;
    flex-direction: column;
    margin-bottom: 20vh;
}

.glitch {
    opacity: 0.30;
  }

.wrapper h1.glitch {
    color: white;
    font-family: Orbitron;
    font-weight: 800;
    position: relative;
    font-size: 5vw; /* Utilisation de vw pour la taille de la police */
    padding: 3vw; /* Utilisation de vw pour le padding */
    text-align: center;
    padding-bottom: 0;
}

/* Utilisation de médias queries pour limiter la taille de la police en fonction de la taille de la fenêtre */
@media screen and (min-width: 800px) {
    .wrapper h1.glitch {
        font-size: 100px; /* Taille de police en pixels */
    }
}

@media screen and (max-width: 1200px) {
    .wrapper h1.glitch {
        font-size: 8vw; /* Utilisation de vw pour la taille de la police */
    }
}

.wrapper h1.glitch::before,
.wrapper h1.glitch::after {
    padding: 3vw; /* Utilisation de vw pour le padding */
    color: white;
    font-family: Orbitron;
    content: "Documentation";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #101018;
    overflow: hidden;
    top: 0;
}

.wrapper h1.glitch::before {
    left: 0.3vw; /* Utilisation de vw pour le décalage */
    text-shadow: -0.2vw 0 red; /* Utilisation de vw pour le décalage de l'ombre */
    animation-name: glitch-animation-1;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: reverse-alternate;
}

.wrapper h1.glitch::after {
    left: -0.3vw; /* Utilisation de vw pour le décalage */
    text-shadow: -0.2vw 0 blue; /* Utilisation de vw pour le décalage de l'ombre */
    animation-name: glitch-animation-2;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: reverse-alternate;
}

@keyframes glitch-animation-1 {
    0% {
        clip: rect(128px, 5000px, 34px, 30px);
    }

    1.66667% {
        clip: rect(88px, 5000px, 51px, 30px);
    }

    3.33333% {
        clip: rect(112px, 5000px, 65px, 30px);
    }

    5% {
        clip: rect(8px, 5000px, 50px, 30px);
    }

    6.66667% {
        clip: rect(84px, 5000px, 5px, 30px);
    }

    8.33333% {
        clip: rect(17px, 5000px, 82px, 30px);
    }

    10% {
        clip: rect(80px, 5000px, 46px, 30px);
    }

    11.66667% {
        clip: rect(82px, 5000px, 62px, 30px);
    }

    13.33333% {
        clip: rect(96px, 5000px, 17px, 30px);
    }

    15% {
        clip: rect(66px, 5000px, 124px, 30px);
    }

    16.66667% {
        clip: rect(51px, 5000px, 112px, 30px);
    }

    18.33333% {
        clip: rect(117px, 5000px, 59px, 30px);
    }

    20% {
        clip: rect(118px, 5000px, 88px, 30px);
    }

    21.66667% {
        clip: rect(50px, 5000px, 53px, 30px);
    }

    23.33333% {
        clip: rect(102px, 5000px, 116px, 30px);
    }

    25% {
        clip: rect(126px, 5000px, 77px, 30px);
    }

    26.66667% {
        clip: rect(85px, 5000px, 65px, 30px);
    }

    28.33333% {
        clip: rect(14px, 5000px, 59px, 30px);
    }

    30% {
        clip: rect(97px, 5000px, 83px, 30px);
    }

    31.66667% {
        clip: rect(67px, 5000px, 89px, 30px);
    }

    33.33333% {
        clip: rect(142px, 5000px, 125px, 30px);
    }

    35% {
        clip: rect(117px, 5000px, 120px, 30px);
    }

    36.66667% {
        clip: rect(44px, 5000px, 4px, 30px);
    }

    38.33333% {
        clip: rect(142px, 5000px, 8px, 30px);
    }

    40% {
        clip: rect(31px, 5000px, 35px, 30px);
    }

    41.66667% {
        clip: rect(24px, 5000px, 57px, 30px);
    }

    43.33333% {
        clip: rect(39px, 5000px, 75px, 30px);
    }

    45% {
        clip: rect(61px, 5000px, 5px, 30px);
    }

    46.66667% {
        clip: rect(106px, 5000px, 90px, 30px);
    }

    48.33333% {
        clip: rect(26px, 5000px, 109px, 30px);
    }

    50% {
        clip: rect(72px, 5000px, 46px, 30px);
    }

    51.66667% {
        clip: rect(146px, 5000px, 147px, 30px);
    }

    53.33333% {
        clip: rect(67px, 5000px, 149px, 30px);
    }

    55% {
        clip: rect(41px, 5000px, 89px, 30px);
    }

    56.66667% {
        clip: rect(119px, 5000px, 79px, 30px);
    }

    58.33333% {
        clip: rect(54px, 5000px, 25px, 30px);
    }

    60% {
        clip: rect(30px, 5000px, 91px, 30px);
    }

    61.66667% {
        clip: rect(56px, 5000px, 96px, 30px);
    }

    63.33333% {
        clip: rect(115px, 5000px, 130px, 30px);
    }

    65% {
        clip: rect(44px, 5000px, 104px, 30px);
    }

    66.66667% {
        clip: rect(34px, 5000px, 107px, 30px);
    }

    68.33333% {
        clip: rect(103px, 5000px, 50px, 30px);
    }

    70% {
        clip: rect(148px, 5000px, 29px, 30px);
    }

    71.66667% {
        clip: rect(106px, 5000px, 150px, 30px);
    }

    73.33333% {
        clip: rect(42px, 5000px, 92px, 30px);
    }

    75% {
        clip: rect(80px, 5000px, 81px, 30px);
    }

    76.66667% {
        clip: rect(6px, 5000px, 122px, 30px);
    }

    78.33333% {
        clip: rect(8px, 5000px, 148px, 30px);
    }

    80% {
        clip: rect(7px, 5000px, 59px, 30px);
    }

    81.66667% {
        clip: rect(100px, 5000px, 140px, 30px);
    }

    83.33333% {
        clip: rect(129px, 5000px, 40px, 30px);
    }

    85% {
        clip: rect(126px, 5000px, 41px, 30px);
    }

    86.66667% {
        clip: rect(5px, 5000px, 33px, 30px);
    }

    88.33333% {
        clip: rect(65px, 5000px, 44px, 30px);
    }

    90% {
        clip: rect(67px, 5000px, 53px, 30px);
    }

    91.66667% {
        clip: rect(128px, 5000px, 99px, 30px);
    }

    93.33333% {
        clip: rect(95px, 5000px, 55px, 30px);
    }

    95% {
        clip: rect(23px, 5000px, 146px, 30px);
    }

    96.66667% {
        clip: rect(73px, 5000px, 29px, 30px);
    }

    98.33333% {
        clip: rect(132px, 5000px, 141px, 30px);
    }

    100% {
        clip: rect(100px, 5000px, 32px, 30px);
    }
}

@keyframes glitch-animation-2 {
    0% {
        clip: rect(26px, 5000px, 65px, 30px);
    }

    1.66667% {
        clip: rect(81px, 5000px, 37px, 30px);
    }

    3.33333% {
        clip: rect(106px, 5000px, 33px, 30px);
    }

    5% {
        clip: rect(55px, 5000px, 105px, 30px);
    }

    6.66667% {
        clip: rect(15px, 5000px, 44px, 30px);
    }

    8.33333% {
        clip: rect(135px, 5000px, 7px, 30px);
    }

    10% {
        clip: rect(15px, 5000px, 133px, 30px);
    }

    11.66667% {
        clip: rect(111px, 5000px, 85px, 30px);
    }

    13.33333% {
        clip: rect(103px, 5000px, 95px, 30px);
    }

    15% {
        clip: rect(15px, 5000px, 116px, 30px);
    }

    16.66667% {
        clip: rect(45px, 5000px, 109px, 30px);
    }

    18.33333% {
        clip: rect(81px, 5000px, 26px, 30px);
    }

    20% {
        clip: rect(65px, 5000px, 9px, 30px);
    }

    21.66667% {
        clip: rect(30px, 5000px, 25px, 30px);
    }

    23.33333% {
        clip: rect(144px, 5000px, 65px, 30px);
    }

    25% {
        clip: rect(149px, 5000px, 103px, 30px);
    }

    26.66667% {
        clip: rect(103px, 5000px, 61px, 30px);
    }

    28.33333% {
        clip: rect(55px, 5000px, 57px, 30px);
    }

    30% {
        clip: rect(140px, 5000px, 119px, 30px);
    }

    31.66667% {
        clip: rect(39px, 5000px, 40px, 30px);
    }

    33.33333% {
        clip: rect(134px, 5000px, 98px, 30px);
    }

    35% {
        clip: rect(59px, 5000px, 126px, 30px);
    }

    36.66667% {
        clip: rect(48px, 5000px, 98px, 30px);
    }

    38.33333% {
        clip: rect(29px, 5000px, 66px, 30px);
    }

    40% {
        clip: rect(148px, 5000px, 67px, 30px);
    }

    41.66667% {
        clip: rect(58px, 5000px, 114px, 30px);
    }

    43.33333% {
        clip: rect(113px, 5000px, 62px, 30px);
    }

    45% {
        clip: rect(130px, 5000px, 11px, 30px);
    }

    46.66667% {
        clip: rect(142px, 5000px, 109px, 30px);
    }

    48.33333% {
        clip: rect(51px, 5000px, 138px, 30px);
    }

    50% {
        clip: rect(55px, 5000px, 87px, 30px);
    }

    51.66667% {
        clip: rect(11px, 5000px, 2px, 30px);
    }

    53.33333% {
        clip: rect(95px, 5000px, 123px, 30px);
    }

    55% {
        clip: rect(55px, 5000px, 91px, 30px);
    }

    56.66667% {
        clip: rect(75px, 5000px, 121px, 30px);
    }

    58.33333% {
        clip: rect(63px, 5000px, 120px, 30px);
    }

    60% {
        clip: rect(16px, 5000px, 104px, 30px);
    }

    61.66667% {
        clip: rect(63px, 5000px, 114px, 30px);
    }

    63.33333% {
        clip: rect(29px, 5000px, 82px, 30px);
    }

    65% {
        clip: rect(87px, 5000px, 73px, 30px);
    }

    66.66667% {
        clip: rect(124px, 5000px, 95px, 30px);
    }

    68.33333% {
        clip: rect(63px, 5000px, 60px, 30px);
    }

    70% {
        clip: rect(129px, 5000px, 18px, 30px);
    }

    71.66667% {
        clip: rect(148px, 5000px, 145px, 30px);
    }

    73.33333% {
        clip: rect(32px, 5000px, 79px, 30px);
    }

    75% {
        clip: rect(120px, 5000px, 50px, 30px);
    }

    76.66667% {
        clip: rect(96px, 5000px, 149px, 30px);
    }

    78.33333% {
        clip: rect(102px, 5000px, 70px, 30px);
    }

    80% {
        clip: rect(139px, 5000px, 85px, 30px);
    }

    81.66667% {
        clip: rect(72px, 5000px, 117px, 30px);
    }

    83.33333% {
        clip: rect(75px, 5000px, 89px, 30px);
    }

    85% {
        clip: rect(22px, 5000px, 110px, 30px);
    }

    86.66667% {
        clip: rect(59px, 5000px, 113px, 30px);
    }

    88.33333% {
        clip: rect(60px, 5000px, 73px, 30px);
    }

    90% {
        clip: rect(68px, 5000px, 5px, 30px);
    }

    91.66667% {
        clip: rect(88px, 5000px, 105px, 30px);
    }

    93.33333% {
        clip: rect(42px, 5000px, 47px, 30px);
    }

    95% {
        clip: rect(150px, 5000px, 14px, 30px);
    }

    96.66667% {
        clip: rect(140px, 5000px, 135px, 30px);
    }

    98.33333% {
        clip: rect(122px, 5000px, 71px, 30px);
    }

    100% {
        clip: rect(6px, 5000px, 77px, 30px);
    }
}