.pop-parent{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;    
    display: none;
}

.marquee{
    text-align: center;
    color: yellow;
    background-color: blueviolet;
    font-weight: bold;
    border-style: normal;
    border-radius: 25px;
}

span.ex{
    color: black;
}

h1, p {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

section{
    transition: 2s;
}

.pop{
    background: rgb(209, 199, 199);
    width: 70%;
    padding: 30px;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    font-family: arial;
    position: relative;
    animation: 1s drop;
}

@keyframes drop {
    0%{
        top: -100%;
    }
    100%{
        top: 50%;

    }
}

.X{
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 40px;
    cursor: pointer;

}