:root {
    --primary: rgb(137, 40, 144);
    --h1:28px;
    --h2:22px;
    --h3:18px;
    --p:14px;
}
.main-img {display: block;max-width: 80%;height: auto;margin: 25px 0;border-radius: 12px;}
.blog-container{padding: 2vh 10%;}
h1,h2,h3,a{color: var(--primary);}
h1 {margin-bottom: 20px;line-height: 1.3;font-size: var(--h1);}
h2 {font-size: var(--h2);margin-top: 35px;margin-bottom: 15px;}
h3 {font-size: var(--h3);margin-top: 25px;margin-bottom: 10px;}
p {font-size: var(--p);margin-bottom: 16px;}
ul,
ol {margin-left: 20px;margin-bottom: 20px;}
li {margin-bottom: 8px;}
p,li{text-align: justify;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
@media (min-width: 768px) {
:root {
    --h1:34px;
    --h2:26px;
    --h3:20px;
    --p:16px;
}
}
@media (min-width: 1024px) {
.main-img {max-width: 50%;}
:root {
    --h1:40px;
    --h2:30px;
    --h3:22px;
    --p:18px;
}
}