* {
  box-sizing: border-box;
  list-style-type: none;
  --green: #d8e2dc;
  --pink: #fcd5ce;
}

ul {
  margin: 0;
  padding: 0;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  scroll-behavior: smooth !important;
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
}

header svg + p {
  font-size: var(--s2);
  font-weight: bold;
}

main {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  padding: 1rem;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}

footer {
  background-color: var(--green);
}

.text-background {
  display: inline;
  background: white;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 1rem;
}

.fixed {
  position: fixed;
}

.curve-above::before {
  position: relative;
  display: block;
  content: "";
  width: 100%;
  height: 228px;
  clip-path: url(#svgPath);
  background: inherit;
}

nav a {
  text-decoration: none;
}

nav a:hover {
  text-decoration: underline;
}

/* QUOTE */

q {
  font-size: var(--s4);
  text-align: center;
  font-style: italic;
  font-weight: bold;
}

/* Quote author */
q + p {
  text-align: right;
  font-size: var(--s2);
}

/* GALLERY */

.gallery img {
  max-height: 30vh;
  object-fit: cover;
}

/* UTILITIES */

.bg-green {
  background: var(--green);
}

.bg-pink {
  background: var(--pink);
}
.bg-white {
  background: white;
}

.btn {
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.btn:hover {
  background: var(--pink);
}

.iframe-container {
  max-width: 100%;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-container iframe.center {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);

}