styles.css

.body {
    background-color: #22212C;
}

.card-left {
    margin: 2rem;
    border-radius: 1rem;
}

.card-right {
    margin: 2rem 0 0 auto;
    border-radius: 1rem;
}

.main {
    background-color: #302F3D;
    width: 22rem;
    height: 20rem;
}

.social {
    background-color: #302F3D;
    width: 22rem;
    height: 30rem;
}

.technologies{
    background-color: #302F3D;
    width: 22rem;
    height: 10rem;
}

.row { 
    display: flex;
}

.column1 {
    margin: 2rem;
    background-color: #22212C;
    width: 30%;
}

.column2 {
    margin: 2rem;
    background-color: #22212C;
    width: 70%;
}

.my-projects {
    background-color: #302F3D;
    width: 100%;
    height: 3.5rem;
}

.details-projects {
    background-color: #302F3D;
    width: 100%;
    height: 12rem;
}

.recent-posts {
    background-color: #302F3D;
    width: 100%;
    height: 4rem;
}

.details-posts {
    background-color: #302F3D;
    width: 100%;
    height: 10rem;
}