/* #region General */

* {
    margin: 0;
    padding: 0;
    font-size: 16px;

    /* Colors */

    --back-starter: #14213D;

    --back-light: #f2e8cf;
    --back-very-light:rgba(255,255,255,0.35);

    --button-dark: #2f0211;
    --input-hover: #830A48;

    --back-tenderness: #F7CAD0;
    --back-closeness: #F4978E;
    --back-passion: #E5383B;
    --back-intensity: #6A0136;

    --back-soft: #C9A0DC;
    --back-hot: #7209B7;

    --back-ffl: #FFD166;
    --border-ffl: #B87A00;
    --border-ffl-intensity: #8A5A00;

    --line-tenderness: #993556;
    --line-closeness: #993C1D;
    --line-passion: #6A0136;
    --line-intensity: #993556;

    /* Fonts Color*/
    --color-font-dark: var(--button-dark);
    --color-font-light: var(--back-light);
    --color-font-tenderness: var(--back-closeness);
    --color-font-closeness: var(--back-passion);
    --color-font-passion: var(--back-intensity);
    --color-font-intensity: var(--back-tenderness);
    --color-font-hot: #D0FEF5;
    --color-font-soft: var(--back-light);

    /* Fonts */
    --font-global: 'Nunito', sans-serif;
    --font-title-global: 'Cookie', cursive;
    --font-game: 'Press Start 2P', monospace;

    --font-tenderness: 'Comfortaa', sans-serif;
    --font-closeness: 'Pacifico', cursive;
    --font-passion: 'Playfair Display', serif;
    --font-intensity: 'Rouge Script', cursive;

    --font-icons: 'tabler-icons';
}

body {
    font-family: var(--font-global);
}

fieldset {
    border: 0;
}

/* #endregion */

/* #region Pages startup & rules */

#start-and-rules {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: var(--back-starter);
}

#start-central-block,
#rules-central-block {
    box-sizing: border-box;
    width: 40%;
    max-width: 650px;
    text-align: center;
}

#start-central-block {
    position: relative;
    margin-top: 0;
    color: var(--color-font-light);
    background-color: var(--back-starter);
}

#rules-central-block {
    margin: 40px auto;
    padding: 20px;
    color: var(--color-font-dark);
    background-color: var(--back-light);
    border-radius: 10px;
}

#start-central-block h1,
#rules-central-block h1,
#vouchers h1 {
    font-family: var(--font-title-global);
    font-size: 50px;
}

#start-central-block h1 {
    padding-bottom: 20px;
}

#start-central-block img {
    height: 50px;
}

#start-central-block p,
#rules-central-block p {
    line-height: 1.5rem;
    text-align: center;
}

/* #endregion */