:root{
    --main_backcolor: #ffffff;
    --second_backcolor: #3e4854;
    --third_backcolor: #4B4C50;
    --main_color: #FFCD39;
    --second_color: #292F36;
    --third_color: #FFDD7B;
    --fourth_color: #FFE8A7;
    --category_background_color: #FFCD39;

    --category_icon_size: 70px;
    --category_text_size: 12px;

    --citys_icon_size: 120px;
    --citys_text_size: 13px;

    --spcard_icon_size: 70px;
    --comment_icon_size: 90px;
    --news_icon_size: 210px;

}

body{
    background: var(--second_color);
    font-family: sahan-vazir;
    font-weight: bold;
    font-size: 16px;
}

.spcard_card{
    text-align: center;
    background: var(--second_color);
    width: 280px;
    height: 165px;
    border: var(--main_color) solid 2px;
    border-radius: 15px;
    padding: 7px;
    padding-top: 10px;
    margin-left: 10px;
}

.spcard_card_title{
    margin-top: 5px;
    font-family: shabnam-web;
    font-weight: bolder;
    color: var(--main_color);
    font-size: 16px;
}

.spcard_card_body{
    margin-top: -10px;
    font-family: shabnam-web;
    color: var(--main_color);
    font-size: 12px;
}

.comment_card{
    text-align: center;
    background: var(--second_color);
    width: 250px;
    border: var(--main_color) solid 2px;
    border-radius: 20px;
    padding: 7px;
    padding-top: 15px;
    margin-left: 10px;
}

.comment_card_title{
    margin-top: 5px;
    font-family: sahan-vazir;
    font-weight: bolder;
    color: var(--main_color);
    font-size: 16px;
}

.comment_card_body{
    margin-top: -10px;
    font-family: sahan-vazir;
    color: var(--main_color);
    font-size: 13px;
}

.news_card{
    text-align: center;
    background: var(--second_color);
    width: 250px;
    border: #FFFFFF solid 1px;
    border-radius: 15px;
    padding: 5px;
    padding-top: 15px;
    margin-left: 10px;
    height: 450px;
    max-height: 450px;
}

.news_card_title{
    margin-top: 10px;
    font-family: sahan-vazir;
    font-weight: bolder;
    color: var(--main_color);
    font-size: 15px;
}

.news_card_body{
    margin-top: 0px;
    font-family: sahan-vazir;
    color: var(--main_color);
    font-size: 13px;
}