@import "header.css";
@import "content.css";
@import "footer.css";
@import "responsive.css";

:root {
    --col-primary: #132E52;
    --col-light: #C2A152;
    --pad-large: 100px;
    --pad-small: 20px;
}
body {
    margin: 0;
    height: 100svh;

    display: flex;
    flex-direction: column;

    font-family: 'proxima-nova', 'Arial', sans-serif;
    color: white;
}
h1 {
    font-size:clamp(48px, 6vw, 94px);
    color: inherit;
    letter-spacing: .06em;
    line-height: 1em;

    display: flex;
    flex-direction: column;
    margin-bottom: .1em;
}
h1::after {
    content: '';
    border-bottom: 2px solid var(--col-light);
    height: 2px;
    width: 25%;
    margin-top: 20px;
    margin-left: -100px;
}
h2 {
    font-size:clamp(22px, 4vw, 40px);
    color: inherit;
    margin: 0;
    letter-spacing: .06em;
}
h3 {
    font-size:clamp(16px, 4vw, 34px);
    color: inherit;
    font-weight: 300;
    margin: 0;
    letter-spacing: .06em;

    max-width: 600px;
}