:root {
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    --base-color: rgba(255, 0, 140, 0.9);
    --color-opacity: 0.6;
}

:root::-webkit-scrollbar {
    display: none;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
    overflow: auto;
    scroll-snap-type: y mandatory;
    background-color: oklch(from var(--base-color) l c h / 1);
}

body {
    font-family: 'Lora', serif;
}

section {
    scroll-snap-align: start;
    min-height: 100dvh;
	text-align: center;
    align-content: center;
}

h1, h2, h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: oklch(from var(--base-color) 8% 80% 20 / var(--color-opacity));
  }

h1 {
    font-size: 4em;
    text-wrap: balance;
}

h1 > span {
    text-transform: lowercase;
}

p {
    font-size: 2em;
}