style.css

:root {
    font-size: 20px;
    font-family: Arial, sans-serif;
    --cor-primaria: #230430;
    --cor-secundaria: rgba(169, 80, 207, 0.9);
    --cor-hover: rgba(214, 25, 25, 0.5);
    --cor-fundo: rgba(56, 8, 78, 0.2);
    --sombra-caixa: 5px 5px 15px rgba(0, 0, 0, 0.3);

    .caixa_video {
        position: fixed;
        z-index: +1;
        width: 100%;
        height: 100%;
        filter: brightness(0.5);
        pointer-events: none;
    }


    .projeto_caixa {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        word-wrap: break-word;
        background-color: rgba(169, 80, 207, 0.9);
        padding: 20px;
        border-radius: 10px;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
        width: 400px;
        max-width: 100%;

    }