main{
    display: grid;
    grid-template-columns: 25%, 50%, 25%;
    grid-template-rows: 5vh, 80%, 5vh;
}

.panel{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;

    display: flex;
    width:55vw;
    height: auto;
    background: rgba(150, 0, 0, 0.212);
    padding:15px;

    border-style:solid;
    border-width:10px;
    border-color: white;
    border-radius:50px;
    
}
.memeArticle{
    float:left;
    background-color: white;
    width:70%;
    height: 100%;

    background: rgba(255, 255, 255, 0.53);
    border-top-left-radius:40px;
    border-bottom-left-radius:40px;
}
.memeContainer{
    width: 90%;
    height: auto;
    background: rgba(150, 0, 0, 0);
    border-radius:30px;
    margin:auto;
    margin-top: 5%;
    padding: 15px;


}


.statsArticle{
    float:left;
    background: rgba(150, 0, 0, 0.212);
    width:30%;
    border-top-right-radius:40px;
    border-bottom-right-radius:40px;
    overflow: scroll;
}

.memeContainer img{
    width:100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.memeInfo {
    background: rgba(255, 255, 255, 0.363);
    border-radius: 3px;
    border-left: 5px solid rgb(142, 119, 253);
    margin: 20px ;
    margin-top:10px;
    padding: 5px;
}

.infoStats{
    border-left: 5px solid rgb(142, 119, 253);
    display:inline;
    padding-top: 1%;
    float:left;
}
.infoStats p{
    line-height: 30%;
    font-size: 80%;
}
.commentaire{
    border-left:5px solid rgb(105, 88, 189);
    background: rgba(255, 255, 255, 0.363);
    float:left;
    width:100%;
}
.commentaire:nth-child(2n){
    border-left:5px solid rgb(82, 69, 147);
    background: rgba(25, 0, 255, 0.185);
}
.pseudo{
    font-weight: bold;
    font-size:60%;
    line-height: 50%;
}
.com-text{
    font-size: 60%;
    font-weight: 200;
}