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_center_center, .justify_start_center, .justify_between_center, .justify_around_center
{
    justify-content: center;
    align-items: center;
}

/* .justify_col_center */
.justify_start_center
{
    justify-content: start;
}


.justify_between_center
{
    justify-content: space-between;
}

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

.justify_around_start
{
    align-items: start;
}




/* .justify_row_center
{
    justify-content: center;
    align-items: start;
} */

/* .justify_between
{
    justify-content: space-between;
} */

.w_100
{
    width: 100%;
}

.w_90
{
    width: 100%;
}

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

.my_15
{
    margin-top: 15px;
    margin-bottom: 15px;
}








.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;
}