/* Inline Editor */
@import url('Body/InlineEditor.css');

/* Header */
@import url('Header/HeaderFirma.css');
@import url('Header/HeaderFirmaMobile.css');

/* Body */
@import url('Body/BodyFirma.css');
@import url('Body/BodyFirmaMobile.css');

/* Footer */
@import url('Footer/FooterFirma.css');
@import url('Footer/FooterFirmaMobile.css');

:root {
    --bg-light: hsl(214, 100%, 90%);
    --bg-medium: hsl(214, 100%, 70%);
    --bg-dark: hsl(214, 100%, 50%);
    --text: hsl(224, 0%, 10%);
    --text-muted: hsl(224, 0%, 30%);
    --primary: hsl(236, 100%, 50%);
    --secondary: hsl(183, 100%, 50%);
    --accent: hsl(357 44% 52%);

    --danger: hsl(9 35% 60%);
    --warning: hsl(52 35% 60%);
    --success: hsl(147 35% 60%);
    --info: hsl(217 35% 60%);

    /* FONTS */

    --font-main: 'Bebas Neue', sans-serif;
    --font-second: 'Nunito', sans-serif;

}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

section {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100%;
    height: 100vh;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0;
}

p {
    font-family: var(--font-second);
    color: var(--text-muted);
    font-size: 16px;
    letter-spacing: normal;
    line-height: 150%;
    user-select: none;
}

h6 {
    font-family: var(--font-main);
    color: var(--text);
    font-size: 1.25rem;
    letter-spacing: -0.5%;
    line-height: 150%;
    user-select: none;
}

h5 {
    font-family: var(--font-second);
    color: var(--text);
    font-size: 1.5rem;
    letter-spacing: -1.5%;
    line-height: 140%;
    user-select: none;
}

h4 {
    font-family: var(--font-second);
    color: var(--text);
    font-size: 1.75rem;
    letter-spacing: -2%;
    line-height: 130%;
    user-select: none;
}

h3 {
    font-family: var(--font-second);
    color: var(--text);
    font-size: 2rem;
    letter-spacing: -2.5%;
    line-height: 120%;
    user-select: none;
}

h2 {
    font-family: var(--font-second);
    color: var(--text);
    font-size: 2.25rem;
    letter-spacing: -3%;
    line-height: 110%;
    user-select: none;
}

h1 {
    font-family: var(--font-second);
    color: var(--text);
    font-size: 2.5rem;
    letter-spacing: -3.5%;
    line-height: 100%;
    user-select: none;
}

a {
    font-family: var(--font-second);
    color: var(--font-color-second);
    font-size: var(--font-size-second);
    user-select: none;
    text-decoration: none;
}

label {
    font-family: var(--font-second);
    color: var(--font-color-second);
    font-size: var(--font-size-second);
    user-select: none;
    text-decoration: none; 
}

input {
    font-family: var(--font-second);
    color: var(--font-color-second);
    font-size: var(--font-size-second);
    user-select: none;
    text-decoration: none;
}