style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
.container{
    background-color: rgb(22, 2, 44);
    height: 100vh;
    width: 100%;
    text-align: center;
    position: absolute;
}
.wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wrapper p{
    position: relative;
    display: inline-block;
    color: white;
    z-index: 9999;
    font-size: 48px;
    margin-bottom: 200px;
}
.wrapper p::before{
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background-color:rgb(22, 4, 41);
    z-index: -1;
    border-radius: 50%;
    left: -6%;
    top: -125%;
    animation-name: shine;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes shine{
    0%,100%{
        box-shadow: 0px 0px 100px -20px rgba(116, 233, 206, 0.5);
    }
    25%{
        box-shadow: 0px 0px 35px 3px  rgba(119, 245, 215, 0.5);
    } 
    50%{
        box-shadow: 0px 0px 70px 3px  rgba(119, 245, 215, 0.5);
    }
    75%{
        box-shadow: 0px 0px 35px 3px rgba(148, 241, 220, 0.5);
    }
}
button{
    background-color: rgb(22, 4, 41);
    padding: 10px 38px;
    border: 1px solid rgb(240, 240, 235);
    border-radius: 30px;
    color: white;
    transition: all .2s ease;
    outline: 0;
    margin-right: 20px;
}
button:hover, button:focus{
    border-color: rgba(119, 245, 215);
    color: rgba(119, 245, 215);
    box-shadow: 0px 4px 27px -12px rgba(119, 245, 215);
}