.my-main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5%;
}
.editor-content {
    height: 600px;
    width: 600px;
    /* border: 1px solid rgb(0,0,0); */
    margin: 20px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:relative;
}
.top-bottom-text {
    height: 15%;
    width: 100%;
    font-family:'Comic Sans MS';
    font-size: 40px;
    color: rgb(0, 0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255,255,255);
    padding-left: 10px;
    padding-right: 10px;
    position:static;
}

.img-meme {
    width: 100%;
    height: 100%;
    background-color: black;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: fill;
}
.descarga {
    background-color: rgb(46,125,50);
    color: var(--color);
    font-weight: bolder;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.2%;
    font-size: 14px;
    width: 160px;
    height: 60px;
    border-radius: 5px;
}
.descarga:hover {
    background-color:rgb(45, 83, 47);
    opacity: 0.6;
    transition: 0.3s;
}

@media (min-width: 320px) and (max-width: 700px){
    .editor-content{
        height: 300px;
        width: 300px;
    }
    .top-bottom-text {
        font-size: 20px;
    }
    .descarga{
        width: 145px;
        height: 45px;
    }
}