:root {
    --color-black: #232323;
    --color-white: #f7f7f7;
    --color-light-grey: #ebebeb;
    --color-grey: #b7b7b7;

    --color-green: #dbe71b;
    --color-orange: #ff7f11;
    --color-red: #dc291e;

    --color-dark-green: #828b08;
}

#hero .row {
    min-height: calc(100dvh - 150px);
}

.back-btn {
    color: var(--color-white);
    letter-spacing: 2px;
}

#hero h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 24px;
    color: var(--color-white);
    margin-bottom: 10px;
}

.sub-date {
    font-weight: 200 !important;
    font-size: 14px !important;
    letter-spacing: 1.6px !important;
    opacity: 0.7;
}

.tag-btn {
    background: var(--color-green);
    padding: 6px 16px;
    color: var(--color-black) !important;
}

p,
b {
    letter-spacing: 1px;
}

.social-sharing {
    gap: 30px;
    align-items: center;
}

.social-sharing p {
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 14px;
}

.social-sharing a {
    font-size: 20px;
}

#blog {
    padding: 120px 0;
}

#blog .sub-date {
    margin-bottom: 5px;
}

#blog h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

#blog h4 {
    text-decoration: underline;
}

#blog p {
    margin-bottom: 60px;
}

#blog b {
    font-weight: 600;
}

#blog h6 {
    font-size: 20px;
    letter-spacing: 2px;
}