html, body
{
    width: 100%;
    height: auto;

    margin-top: 0;
    margin-left: 0;

    /* background-color: white; */
    
    font-family: "Roboto";

    overflow-x: hidden;
}

.flex_row, .flex_col
{
    display: flex;
    flex-direction: row;
}

.flex_col
{
    flex-direction: column;
}

.justify_between_center, .justify_center_center, .justify_start_center, .justify_around_center
{
    align-items: center;
    justify-content: space-between;
}

.justify_center_center
{
    justify-content: center;
}

.justify_start_center
{
    justify-content: start;
}

.justify_around_center, .justify_around_start
{
    justify-content: space-around;
}

.justify_around_start
{
    align-items: start;
}
    

.w_100, .w_90, .w_80, .w_70, .w_50
{
    height: auto;
    width: 100%;
}

.w_90
{
    width: 90%;
}

.w_80
{
    width: 80%;
}

.w_70
{
    width: 70%;
}

.w_50
{
    width: 50%;
}

.bg_white
{
    background-color: white;
}

.bg_black
{
    background-color: black;
}

.bg_red
{
    background-color: red;
}

.bg_blue
{
    background-color: blue;
}

.bg_gray
{
    background-color: gray;
}

.bg_green
{
    background-color: green;
}

.bg_yellow
{
    background-color: yellow;
}

.py_15
{
    padding-top: 15px;
    padding-bottom: 15px;
}

.py_25
{
    padding-top: 25px;
    padding-bottom: 25px;
}