html{
    cursor: url(imagens/cursor.png), auto;
    scrollbar-color: white black;
}

body{
    font-family: consolas;
    background-image: url(imagens/d2ea00f0-58d7-41f2-8304-21ddde252749.gif) ;
}

h1, h2, h3, p{
    padding-left: 20px;
}

.parag{
    justify-self: left;
}

hr {
    border: 3px dashed black;
    border-bottom: none;
}

.btmg{
    margin: 10px;
}
.btmg:hover{
    margin: 9px;
    border: 1px dashed black;
}

.grand{
    width: 1200px;
    background-color: white;
    border: 3px black dashed;
};

.caixas{
    display: flex;
    flex-direction: row;
};
.cx_esq{
    position:relative;
    margin: 25px;
    width: 300px;
    background-color: white;
    border: 3px black dashed;
};
.cx_cen{
    position:relative;
    margin: 25px;
    width: 600px;
    background-color: white;
    border: 3px black dashed;
};
.cx_dir{
    position:relative;
    margin: 25px;
    width: 300px;
    background-color: white;
    border: 3px black dashed;
};

.linha{
    justify-self: center;
}

/*CORDAO DOS BUTOES*/      
      .marquee {
        display: flex;
        overflow: hidden;
        padding: 20px;
        translate: 0 -20px;
        margin-bottom: -20px;
      }
      .marquee-container {
        display: flex;
        justify-content: space-around;
        gap: 8px;
        animation: scroll 35s infinite linear;
      }
      .marquee-container div {
        display: inline-flex;
        flex-direction: column;
        text-align: center;
        /* filter: grayscale(50%); */
        /* transition: filter 0.5s ease; */
      }
      @keyframes scroll {
        from {transform: translateX(100vw);}
        to {transform: translateX(-200%);}
      }
      .marquee-container img {
        transform-origin: 50% 100%;
        transition: transform 0.1s ease-in-out;
      }
      @media (hover: hover) {
        .me img:hover {
          width: 250px;
          height: 250px;
        }
        .marquee-container:hover {
          animation-play-state: paused;
        }
        .marquee-container img:hover {
          transform: scale(1.05);
        }
      }
      .marquee a {
        text-decoration: none;
        color: inherit;
      }
/*FIM DO CORDAO DOS BUTOES*/