.comunity {
    visibility: hidden;
    border-radius: 0px;
    color: #323962;
    font-size: 17px;
    text-align: center;
    padding-top: 40px;
    font-weight: bold;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, rgba(101,181,149,0.65) 0%,rgba(224,224,224,0.59) 22%,rgba(224,224,224,0.37) 100%);
    backdrop-filter: blur(10px);
    opacity: 0.9;
    position: fixed;
    top: 50%;
    margin-left: -300px;
    left: 50%;
    margin-top: -250px;
    z-index: 9999000;
    box-shadow: 0px 25px 50px whitesmoke;
    max-width: 100%;
}

@media (max-width: 600px)
{
    .comunity 
    {
       
    margin-left: auto;
    left: auto;
    }
}