:root{
    --transitionTo: 0.25s;
    --transitionBack: 0.15s;
}
body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: black;
    color: #ddd;
    padding: 0;
    margin: 0;
}
h1{
    font-size: 44px;
    padding: 0;
    margin: 0;
    font-weight: 900;
}
h2{
    font-size: 36px;
    padding: 0;
    margin: 0;
    font-weight: 600;
}
h3{
    font-size: 24px;
    padding: 0;
    margin: 0;
    font-weight: 400;
}
h4{
    font-size: 20px;
    padding: 0;
    margin: 0;
    font-weight: 200;
}
h5{
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: 100;
}
h6{
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: 100;
}
p{
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: 100;
}
a{
    font-size: 12px;
    padding: 0;
    margin: 0;
    transition: color var(--transitionBack);
}
a:hover{
    color: #bbb;
    transition: color var(--transitionTo);
}

.Primary1{
    --bk-color: #111;
    --color: #ddd;
}
.Primary2{
    --bk-color: #191919;
    --color: #ddd;
}
.Primary3{
    --bk-color: #222;
    --color: #ddd;
}

.Secondary1{
    --bk-color: #e9635f;
    --color: #e9ece1;
    --hover: #ca5351;
}
.Secondary2{
    --bk-color: #e9ece1;
    --color: black;
    --hover: #d8dbcf;
}

button{
    background-color: var(--bk-color);
    color: var(--color);
    border: none;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    transition: background-color var(--transitionBack);
}
button:hover{
    background-color: var(--hover);
    transition: background-color var(--transitionTo);
}

.divBlock{
    background-color: var(--bk-color);
    color: var(--color);
    border-radius: 3px;
}