@import "_variable.css";
@import "_fonts.css";
@import "_form.css";
@import "_footer.css";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* // Use border-box for everything */
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}
/* // Resets margins and paddings for headers, ul, ol and p */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
blockquote {
    margin: 0;
    padding: 0;
}
/* // Completely resets form items
----------------------------
// Super hard reset that removes all borders
// and radius of all form items. */

input,
textarea,
button {
    border: 0;
    border-radius: 0;
    outline: none;
    appearance: none;
}

    input:hover,
    textarea:hover,
    button:hover,
    input:active,
    textarea:active,
    button:active,
    input:focus,
    textarea:focus,
    button:focus {
        outline: none;
    }

/* // Set Image and Objects to have a max-width of 100% */
embed,
iframe,
img,
object,
video {
    max-width: 100%;
}

body {
    background: rgba(var(--white-color), 1);
    font-family: var(--font-family);
    position:relative;
}

/* // Title CSS */
.heading {
    display: block;
}

    .heading h1 {
        font-size: clamp(1.5rem,2vw, 2.5rem);
        color: #09253F;
        font-weight: 600;
    }

    .heading p {
        font-size: clamp(0.9rem,2vw, 1rem);
        color: rgba(var(--primary-color), 1);
        margin-top: 5px;
    }