* {
    font-family: 'Roboto', 'inter', 'sans-serif', ;
}

body {
    display: flex;


    align-items: center;
    justify-content: center;
    background-color: black;

}

#search-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#input-sec {
    display: flex;
    justify-content: center;
    align-items: center;
}

img{
    display: none;
    width: 50vw;
    height: 50vh;
}
.visible{
    display: flex;
    
}
#img-con {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 50vh;
    border-style: dashed;
    border-color: black;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 0 50px 15px #48abe0;
    padding: 5px;

}


.neonText {
    text-align: center;
    color: #fff;
    text-shadow:
        0 0 7px #fff,
        0 0 10px #fff,
        0 0 21px #fff,
        0 0 42px #0fa,
        0 0 82px #0fa,
        0 0 92px #0fa,
        0 0 102px #0fa,
        0 0 151px #0fa;
}

HTML CSSResult Skip Results Iframe EDIT ON .neonText {
    animation: flicker 4s infinite alternate;
    color: #fff;
}

h1 {
    font-size: 4.2rem;
}

/* Flickering animation */
@keyframes flicker {

    0%,
    18%,
    22%,
    25%,
    53%,
    57%,
    100% {

        text-shadow:
            0 0 4px #fff,
            0 0 11px #fff,
            0 0 19px #fff,
            0 0 40px #0fa,
            0 0 80px #0fa,
            0 0 90px #0fa,
            0 0 100px #0fa,
            0 0 150px #0fa;

    }

    20%,
    24%,
    55% {
        text-shadow: none;
    }
}