.container{
    grid-template-columns: 55% 45%;
    grid-template-rows: 20% 50% 30%;
    grid-template-areas: "nav aside"
                        "section aside"
                        "footer footer";
}

.footer{
    width: 100%;
    grid-column: 1 / 3 ;
    border-radius: 0 0 0 0;
}

.main-content h1{
    font-size: 38px;
}

#nameCharacter{
    width: 207px;
}

.side-content p{
    width: 100px;
}

.modal__content{
    width: 100%;
}

.modal__content #close-content{
    position: relative;
    top: -30px;
    left: 497px;
    right: 0;
    bottom: 0;
}