body {
    background-image: url('https://www.jqueryscript.net/dummy/1.jpg');
    background-color: rgb(0, 0, 0);
    background-size: cover;
    font-family: 'Inter'
}
h1 {
    display: flex;
    justify-content: center;

    font-size: 40px;
    color:#fff;
    letter-spacing: 6px;
    text-shadow: 0 0 4px #fff,
    0 0 30px rgb(132, 0, 255),
    0 0 40px rgb(132, 0, 255),
    0 0 50px rgb(132, 0, 255);
    margin-top: 150px;
}

.p1 {
    font-size: 20px;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 4px rgb(255, 255, 255),
    0 0 30px rgb(132, 0, 255);
    letter-spacing: 2px;
    margin-left: 20px;
}
.p2 {
    font-size: 20px;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 4px rgb(255, 255, 255),
    0 0 30px rgb(21, 255, 0);
    margin-left: 20px;
    letter-spacing: 2px;
}
.p3 {
    font-size: 20px;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 4px rgb(255, 255, 255),
    0 0 30px rgb(0, 255, 221);
    margin-left: 20px;
    letter-spacing: 2px;
}
.p4 {
    font-size: 20px;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 4px rgb(255, 255, 255),
    0 0 30px rgb(255, 0, 234);
    margin-left: 20px;
    letter-spacing: 2px;
}
.p5 {
    font-size: 20px;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 4px rgb(255, 255, 255),
    0 0 30px rgb(255, 0, 234);
    margin-left: 20px;
    letter-spacing: 2px;
}
@media screen and (max-width: 442px) {
    h1 {
        font-size: 29px;
    }
    .p1 {
        font-size: 17px;
    }
    .p2 {
        font-size: 17px;
    }
    .p3 {
        font-size: 17px;
    }
    .p4 {
        font-size: 17px;
    }
    .p5 {
        font-size: 17px;
    }
}
@media screen and (max-width: 356px) {
    h1 {
        font-size: 23px;
    }
}