* {
    margin: 0px;
    padding: 0px;
    --red-color: #bd3030;
    --bg-color: #000000;
    --bg-color-sec: #1d1d1d;
    --bg-color-sec-bord: #3d3d3d;
    --bg-comp: #715df2;
    --text-color: #ffffff;
    --button-hover: #ffffff4a;
}


.container-blog{
    background: var(--bg-color-sec);
    border: 1px solid var(--bg-color-sec-bord);
    border-radius: 7px;
    padding: 10px;
    margin-right: 10%;
    margin-left: 10%;
    text-align: center;
}
.container-blog h1 {
    color: var(--red-color);
}
.container-blog strong {
    color: var(--red-color);
}
.container-blog img {
    border-radius: 7px;
}
.container-blog p {
    margin: 0 auto;
    width: 90%;
}

.title-blog {
    margin:15px;

}
img {
    width: 30% !important;
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}
h1 {
    margin: 25px;
}
h2 {
    margin: 15px;
}
@media screen and (max-width: 1150px) {
    img {
        height: auto !important;
        width: 70% !important;
    }
}

.blog-text {
    padding: 8px;
    background: #3433338e;
    border-radius: 6px;
    border: solid 1px grey;
    width: 80%;
    margin: 0 auto;
}