.language{color:#eee;display:flex;gap:10px;list-style:none;padding-top:7px}.language>li .active,.language>li a:hover{color:#ff2c9c}@media only screen and (max-width:600px){.language{position:absolute;right:1rem;top:.1rem}}.logos{display:flex;flex-direction:row;gap:1rem;justify-content:space-around;margin-bottom:1rem}.logos div{background:#fff;border-radius:10px;padding:5px}.logos div img{filter:grayscale(100%);max-height:50px}.logos div img:hover{filter:grayscale(0)}

.glitch-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: left;
    background-color: #ffffff;
 }

 .glitch {
    position: relative;
    font-size: 41px;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
    z-index: 1;
 }

 .glitch:before,
 .glitch:after {
    display: block;
    content: attr(data-glitch);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
 }

 .glitch:before {
    animation: glitch-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
    color: #00ffff;
    z-index: -1;
 }

 .glitch:after {
    animation: glitch-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
    color: #ff00ff;
    z-index: -2;
 }

 @keyframes glitch-color {
    0% {
       transform: translate(0);
    }

    20% {
       transform: translate(-1px, 1px);
    }

    40% {
       transform: translate(-1px, -1px);
    }

    60% {
       transform: translate(1px, 1px);
    }

    80% {
       transform: translate(1px, -1px);
    }

    to {
       transform: translate(0);
    }
 }