*
{
    margin : 0px;
    padding : 0px;

    font-family: var(--fonts);

    font-size : 14px;
}

html
{
    width : 100%;
}

body
{
    width : 100%;
    background-image: var(--background-image);
}

div
{
    display : flex;
    align-items : center;
    justify-content: center;

    box-sizing: border-box;
}

form
{
    width : 100%;
}

.Container
{
    background : var(--container-background);
    border : var(--container-border);
    border-radius : var(--container-border-radius);
    box-shadow: var(--container-shadow);
    backdrop-filter: var(--container-bg-blur);
}


body
{
    background-color : var(--background-color);
    background-repeat : var(--background-repeat);
    background-position : var(--background-position);
    background-attachment : var(--background-attachment);
}

h1, h2, h3, h4, h5, h6
{
    color : var(--primary-text)
}

h1
{
    font-size : 24px;
}

h2
{
    font-size : 20px;
}

h3
{
    font-size : 18px;
}

p
{
    color : var(--secondary-text);
}

a
{
    color : var(--link-color);
    text-decoration: var(--link-underline);
    font-weight: var(--link-bold);
}

a:hover
{
    color : var(--link-hover-color);
    text-decoration: var(--link-hover-underline);
    font-weight: var(--link-hover-bold);
}

a:visited
{
    color : var(--link-visited-color);
    text-decoration: var(--link-visited-underline);
    font-weight: var(--link-visited-bold);
}

a:visited:hover
{
    color : var(--link-visited-hover-color);
    text-decoration: var(--link-visited-hover-underline);
    font-weight: var(--link-visited-hover-bold);
}

ul
{
    color : var(--secondary-text);
    list-style-position: var(--ul-list-position);
    list-style-type: var(--ul-list-type);
}

ol
{
    color : var(--secondary-text);
    list-style-position: var(--ol-list-position);
    list-style-type: var(--ol-list-type);
}

caption
{
    color : var(--table-caption-color);
}

table
{
    border-collapse: var(--table-border-collapse);
    border : var(--table-border);
}

th
{
    background : var(--table-header-background);
}

td
{
    border : var(--table-border);
    color : var(--table-text-color);
}

/* Form styling */

label
{
    color : var(--label-color);
}

input[type=text], input[type=password], input[type=email], input[type=date], input[type=number]
{
    background-color : var(--input-background);
    color : var(--input-text-color);
    border : var(--input-border);
    padding : var(--input-padding);
    border-radius : var(--input-border-radius);
}

button, input[type=submit], input[type=reset]
{
    border : var(--button-border);
    background : var(--button-color);
    border-radius: var(--button-border-radius);
    color : var(--button-text-color);
    box-shadow: var(--button-shadow);

    padding : var(--button-padding);
}

select
{
    background-color : var(--input-background);
    color : var(--input-text-color);
    border : var(--input-border);
}

button:hover, input[type=submit]:hover, input[type=reset]:hover
{
    background-color : var(--button-hover-color);
}

input:focus
{
    box-shadow: 0px 0px 5px #0091f1;
    outline : var(--input-focused-outline);
    border : var(--input-focused-border);
}


input:placeholder
{
    color : var(--input-placeholder-text-color);
}