/*  */

:root {
    color-scheme: light dark;
    --primary_background_color_light: rgb(240, 240, 240);
    --primary_background_color_dark: rgb(45,45,45);
    --primary_text_color_light: rgb(0, 0, 0);
    --primary_text_color_dark: rgb(255, 255, 255);
}

html{
    background-color: light-dark(var(--primary_background_color_light),var(--primary_background_color_dark));
}

.text{
    font-family: Arial;
    text-decoration: none;
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
}

h1{
    font-family: Arial;
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
    font-size: 36px;
    margin: 25px 0px 10px 0px;    /* top, right, bottom, left */
}

h2{
    font-family: Arial;
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
    font-size: 27px;
    margin: 15px 0px 5px 0px;    /* top, right, bottom, left */
}

h3{
    font-family: Arial;
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
    font-size: 21px;
    margin: 10px 0px 0px 0px;    /* top, right, bottom, left */
}

.link_h3{
    text-decoration: none;
    font-family: Arial;
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
    font-size: 21px;
    margin: 10px 0px 0px 0px;    /* top, right, bottom, left */
}

p{
    font-family: Arial;
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
    font-size: 18px;
    margin: 5px 0px 5px 0px;    /* top, right, bottom, left */
}

li{
    font-family: Arial;
    color: light-dark(var(--primary_text_color_light),var(--primary_text_color_dark));
    font-size: 16px;
}

a{
    font-family: Arial;
    font-size: 18px;
    margin: 5px 0px 10px 0px;    /* top, right, bottom, left */
}

.flex_2_Cols_Tools{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.flex_2_Cols_Guide{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 10px;
}

.flex_2_Rows_Guide{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 10px;
}