/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


:root {
    --font-family: "IBM Plex Sans", serif;
    --blackColor: 0, 0, 0;
    --whiteColor: 255, 255, 255;
    --primaryColor: 218, 26, 54;
    --secondaryColor: 199, 0, 24;
    --successColor: 25, 135, 84;
    --smallFontSize: 0.875rem;
    --baseFontSize: 1rem;
    --regularFontSize: 1.25rem;
    --mediumFontSize: 1.5rem;
    --largeFontSize: 2rem;
    --extraLargeFontSize: 4rem;
    --Animation300: 0.3s ease-in-out;
    --container-width: 1280px;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

body {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--baseFontSize);
    color: rgb(var(--blackColor));
    font-weight: 400;
}

html,
body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
            /*margin-top: 142px;*/
}


p {
    font-size: var(--baseFontSize);
    line-height: 1.3;
    letter-spacing: -0.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    letter-spacing: -0.5px;
}
h1,
h2,
h3{
    letter-spacing: -1px;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

button,
input[type=button],
input[type=submit] {
    cursor: pointer;
    font-family: var(--font-family);
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: rgba(var(--blackColor));
    cursor: pointer;
}

a,
button,
svg,
path {
    -webkit-transition: all var(--Animation300);
    -o-transition: all var(--Animation300);
    transition: all var(--Animation300);
}

a,
a:hover {
    text-decoration: none;
}

textarea,
input,
button {
    font-family: var(--font-family);
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    /*max-width: 1600px;*/
}
h1 {
    font-size: calc(var(--extraLargeFontSize) - 4px);
            letter-spacing: -3px;
}

h2 {
    font-size: calc(var(--largeFontSize) + 8px);
            letter-spacing: -2px;
}

h3 {
    font-size: calc(var(--mediumFontSize) + 5px);
}

h4 {
    font-size: calc(var(--baseFontSize) + 2px);
}

h5 {
    font-size: var(--baseFontSize);
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="black"%3E%3Cpath d="M4 6L8 10L12 6"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 20px;
    min-width: 90px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}