@import url("https://use.typekit.net/sdu2knq.css");
/*
Aaux Next
Light: 300 300i
Regular: 400 400i
Medium: 500 500i
SemiBold: 600 600i

Josefin Sans
font-family: josefin-sans, sans-serif;
Bold 700 700i

*/
:root {
    --bg-clr-1: #0E111A;
    --bg-clr-2: #3F4953;

    --clr-accent: #e50051;

    --clr-text: #2e2e2e;

    --ff-heading: josefin-sans, sans-serif;
    --ff-copy: aaux-next, sans-serif;
    font-size: 10px;
}

* {
    box-sizing: border-box;
}

html,
body {
    font-family: var(--ff-copy);
    font-weight: 400;
    font-style: normal;
}

body {
    height: 100vh;
    background: linear-gradient(0deg, rgba(63,73,83,1) 0%, rgba(14,17,26,1) 40%);
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ff-heading);
    font-weight: 700;
}

.container {
    width: 94%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content {
    padding-left: 70px;
    padding-right: 70px;
}

.heroheader {
    background-color: var(--bg-clr-1);
    background-color: white;
    border: 4px solid var(--clr-accent);
    width: max-content;
    padding: 2rem 4rem 5rem;
}

.heroheader h2 {
    color: var(--clr-accent);
    /* font-size: 7rem; */
    font-size: clamp(2.5rem, 0.4750rem + 5.6250vw, 7rem);
    line-height: .8em;
    margin: 0;
}