@import './fonts.css';
@import './floating-message.css';

/* GENERAL*/

    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        position: relative;
        transition: all var(--trans-time) ease;
    }

    :root {
        --white-c: #FFFFFF;
        --primary-c: #EEC50D;
        --secondary-c: #0F3406;
        --bg-cover: rgba(15, 52, 6, .8);
        --gray-c: #F5F5F5;
        --darkgray-c: #CCCCCC;
        --text-c: #333333;
        --wrong-c: #FF0033;
        --well-c: #28a745;
        --f-fmly-primary: 'Montserrat';
        --f-fmly-secondary: 'Bella Vista';
        --f-fze-giant: 2.5rem;
        --f-fze-title: 1.8rem;
        --f-fze-big: 1.2rem;
        --f-fze-normal: 16px;
        --f-fze-little: 0.85rem;
        --padding: 15px;
        --border-padding: 25px;
        --section-padding: 80px;
        --trans-time: .2s;
        --header-height: 112px;
        --nav-width: 254px;
    }

    html {
        color: var(--text-c);
        font-family: var(--f-fmly-primary);
        font-size: var(--f-fze-normal);
        line-height: 1.5;
    }

    body {
        background-color: var(--gray-c);
    }

    button, label, input, textarea {
        font-family: inherit;
        font-size: inherit;
        outline: none;
    }

    button {
        cursor: pointer;
    }