.cont {
    width: 90%;
    margin: 0 auto;

}

@font-face {
    font-family: rubik;
    src: url('../fonts/Rubik.ttf');
}

@font-face {
    font-family: pappu;
    src: url('../fonts/font.ttf');
}

body {
    font-family: rubik;
    overflow-x: hidden;
}

.pappu {
    font-family: pappu;
}

.shine-effect {
    position: relative;
    overflow: hidden;
}

.shine-effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0.1) 100%);
    transform: skewX(-20deg);
}

.shine-effect:hover::before {
    animation: shine 1s ease-in-out;
}

@keyframes shine {
    100% {
        left: 125%;
    }
}