/* ===========================
    INTRO
    =========================== */

    .intro-sequence{

        position:fixed;
        inset:0;

        display:flex;

        justify-content:center;
        align-items:center;

        background:#000;

        z-index:100;

    }

    .intro-text{

        width:min(900px,90%);

        text-align:center;

        color:#F5F5F5;

        font-family:"Space Mono",monospace;

        font-size:30px;

        line-height:1.7;

        letter-spacing:2px;

        transition:opacity 1.6s;

    }

    .fade{

        opacity:0;

    }

    /* ========================= */

    .start-screen{

        position:absolute;
        inset:0;

        display:flex;

        flex-direction:column;

        justify-content:center;
        align-items:center;

        background:#000;

        transition:1s;

    }

    .start-screen h1{

        color:#ff2d8d;

        letter-spacing:8px;

        font-size:58px;

        margin-bottom:15px;

    }

    .start-screen p{

        color:#888;

        letter-spacing:5px;

    }

    .start-button{

        margin-top:70px;

        border:1px solid #ff2d8d;

        padding:18px 45px;

        color:#ff2d8d;

        cursor:pointer;

        letter-spacing:3px;

        transition:.35s;

        animation:pulse 2s infinite;

    }

    .start-button:hover{

        background:#ff2d8d;

        color:white;

    }