@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
    box-sizing: border-box;
    font-family: 'Archivo', sans-serif;
}
/*
2. Remove default margin
*/
* {
    margin: 0;
}
/*
Typographic tweaks!
3. Add accessible line-height
4. Improve text rendering
*/
body {
    -webkit-font-smoothing: antialiased;
}
/*
5. Improve media defaults
*/
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}
/*
6. Remove built-in form typography styles
*/
input, button, textarea, select {
    font: inherit;
}
/*
7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    text-wrap: pretty;
}
/*
8. Create a root stacking context
*/
#root, #__next {
    isolation: isolate;
}

:root {
    --primary: #2329D6;
    --lines: #2329D620;
}

h1 {
    font-size: clamp(30px, 6vw, 68px );
}
h2 {
    font-size: clamp(26px, 6vw, 45px );
}
p {
    font-weight: lighter;
    line-height: 28px;

}