.hover\:bg-neutral-100:hover,
.bg-neutral-100 {
	background-color:var(--color-neutral-100)
}
.hover\:bg-neutral-200:hover,
.bg-neutral-200 {
	background-color:var(--color-neutral-200)
}
.hover\:bg-neutral-300:hover,
.bg-neutral-300 {
	background-color:var(--color-neutral-300)
}
.hover\:bg-neutral-400:hover,
.bg-neutral-400 {
	background-color:var(--color-neutral-400)
}
.hover\:bg-neutral-500:hover,
.bg-neutral-500 {
	background-color:var(--color-neutral-500)
}

.hover\:bg-neutral-600:hover,
.bg-neutral-600 {
	background-color:var(--color-neutral-600)
}

.hover\:bg-neutral-700:hover,
.bg-neutral-700 {
	background-color:var(--color-neutral-700)
}

.hover\:bg-neutral-800:hover,
.bg-neutral-800 {
	background-color:var(--color-neutral-800)
}

.hover\:bg-neutral-900:hover,
.bg-neutral-900 {
	background-color:var(--color-neutral-900)
}

.text-neutral-100 {
	color:var(--color-neutral-100)
}

.text-neutral-200 {
	color:var(--color-neutral-200)
}

.text-neutral-300 {
	color:var(--color-neutral-300)
}

.text-neutral-400 {
	color:var(--color-neutral-400)
}

.text-neutral-500 {
	color:var(--color-neutral-500)
}

.text-neutral-600 {
	color:var(--color-neutral-600)
}

.text-neutral-700 {
	color:var(--color-neutral-700)
}

.text-neutral-800 {
	color:var(--color-neutral-800)
}

.text-neutral-900 {
	color:var(--color-neutral-900)
}

.hover\:text-red-700:hover {
	color:var(--color-red-700)
}


.border-neutral-100 {
	border-color:var(--color-neutral-100)
}

.border-neutral-200 {
	border-color:var(--color-neutral-200)
}

.border-neutral-300 {
	border-color:var(--color-neutral-300)
}

.border-neutral-500 {
	border-color:var(--color-neutral-500)
}

.border-neutral-700 {
	border-color:var(--color-neutral-700)
}

.border-neutral-800 {
	border-color:var(--color-neutral-800)
}

.border-neutral-900 {
	border-color:var(--color-neutral-900)
}


.format {
	max-width: 100%;
	--tw-format-headings: var(--color-neutral-700);
	--tw-format-bold: var(--color-neutral-700);
    --tw-format-lead: var(--color-neutral-700);
    --tw-format-body: var(--color-neutral-700);
	
}

section {
	scroll-margin-top: 80px;
}

@media (width<48rem) {
	.order-first {
		order: -9999;
	}
}
	
@media (width<30rem) {
  section {
    scroll-margin-top: 120px;
  }	
  h1 {
    font-size: 2rem;
  }
}

#play {
	opacity: 0.5;
}

video[controls]::-webkit-media-controls {
  opacity: 1 !important;
  visibility: visible !important;
}
video[controls]:not(:hover)::-webkit-media-controls-panel {
  opacity: 1 !important;
}