@import './fonts.css';

* {
    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: #272727;
    --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: 30px;
    --section-padding: 80px;
    --trans-time: .2s;
    --header-height: 136px;
    --header-top: 100px;

    @media (max-width: 750px) {
        --header-top: 80px; 
    }
}

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

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

button {
    cursor: pointer;
}