*, *::before, *::after {
    box-sizing: border-box;
}

:root {
    font-family:Montserrat, sans-serif;
    font-size: 1.125rem;
    line-height: 1.6;
    scroll-behavior: smooth;
    background-color: var(--bg);
    color:oklch(0.25 0.01 325) ;
    --bg: oklch(0.99 0.003 325);
    --primary: oklch(0.25 0.01 325);
}

body {
    margin: 0;
}

.container{
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

p{
    max-width: 40em;
}
h3{
    font-size: 1.5em;
    line-height: 1.3em;
    +p{
        margin-block-start: 1em;
        margin-block-end: 3em;
    }
}

h2{
    font-size: 3em;
    line-height: 1.2em;
    +p{
        margin-block-start: 1em;
        margin-block-end: 3em;
    }
    +h3{
        margin-block-start: -1em;
    }
}
h1 {
    font-size: 4.5em;
    line-height: 1em;
    +p{
        margin-block-start: 1em;
        margin-block-end: 3em;
    }
}
p~p{
    margin-block-end: 1.5em;
}

.metadetails{
    font-style: italic;
}

.introduction{
    font-weight: 800;
}