body{
        display: flex;
        justify-content: center;
        min-height: 100vh;
        background: linear-gradient(to right, #302422,#2c2827,#302422); 
    }

    .maintext {
        margin-top: 0.3em;
        margin-bottom: 0.0em;
        font-family: 'Orbitron', sans-serif; 
        position: relative;
        background: linear-gradient(to right, #a42b15, #d4604b, #a42b15);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; 
    }

    @media screen and (min-width: 801px) {
        p.maintext {
            font-size: 6rem;
        }
    }

    @media screen and (max-width: 800px) {
        p.maintext {
            font-size: 12vw;
        }
    }

    .maintext:before,
    .maintext:after {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0; 
    }
    
    .maintext:before {
        z-index: -1;
        text-shadow: -0.006em -0.006em 1px rgba(230, 209, 209, 0.721)
    }
    
    .maintext:after {
        z-index: -2;
        text-shadow: 5px 5px 5px rgba(0,0,0,.6), 10px 10px 10px rgba(0,0,0,.2);
        mix-blend-mode: multiply; 
    }