@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


::-webkit-scrollbar{
    display: none;
}

.font-poppins{
    font-family: 'Poppins', sans-serif;
}

.color-heading{
    color: #343434;
}

.color-background{
    background-color: #f5f4f4;
}

.font-size-4rem{
    font-size: 4rem;
}

.font-size-25rem{
    font-size: 2.5rem !important;
}

.font-size-11rem{
    font-size:1.1rem;
}

.filter-gray-scale{
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(150%);
}

.filter-gray-scale:hover{
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.mousepad{
    background-image: url('img/mousepad.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin: auto;
    
}

@keyframes mover {
    0% {
      transform: translateX(50%);
    }
    100% {
      transform: translateX(200%);
    }
  }

.animation-mouse{
    animation: mover 1s linear infinite alternate; /* A animação dura 2 segundos e alterna de um lado para o outro */
}


.altura{
    height: 368px;
    width: 460px;
}


.multiply{
    mix-blend-mode: multiply;
}