.margin_10{
margin: 10px;
}
.margin_20{
    margin: 20px;
}
.margin_5{
    margin: 5px;
}

.margin_5_20{
     margin: 5px 20px;
}
.margin_5_10{
     margin: 5px 10px;
 }

 .margin_Top_10{
    margin-top: 10px;
}
.margin_Top_20{
    margin-top: 20px;
}
.margin_Top_5{
    margin-top: 5px;
}
.margin_bottom_10{
    margin-bottom: 10px;
}
.margin_bottom_20{
    margin-bottom: 20px;
}
.margin_left_20{
    margin-left: 20px;
}
.margin_left_10{
    margin-left: 10px;
}
.margin_left_5{
    margin-left: 5px;
}

.padding_10{
    padding: 10px;
    }
    .padding_20{
        padding: 20px;
    }
    .padding_5{
        padding: 5px;
    }
    
    .padding_5_20{
         padding: 5px 20px;
    }
    .padding_5_10{
         padding: 5px 10px;
     }
    
     .padding_Top_10{
        padding-top: 10px;
    }
    .padding_Top_20{
        padding-top: 20px;
    }
    .padding_Top_5{
        padding-top: 5px;
    }
    .padding_bottom_10{
        padding-bottom: 10px;
    }
    .padding_bottom_20{
        padding-bottom: 20px;
    }

    .padding_left_20{
        padding-left: 20px;
    }
    .padding_left_10{
        padding-left: 10px;
    }
    .padding_left_5{
        padding-left: 5px;
    }

.display_flex{
    display: flex;
}
.display_flex_colum{
    display: flex;
    flex-direction: column;
}
.display_flex_colum_center{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.display_flex_colum_center_2{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.display_flex_center{
    display: flex;
    align-items: center;
}
.display_flex_center_2{
    display: flex;
    justify-content: center;
}
.display_flex_center_center{
    display: flex;
    align-items: center;
    justify-content: center;

}
.width_100_100{
    width: 100%;
    height: 100%;
}
.width_100vw_100wh{
    width: 100vw;
    height: 100vh;
}