@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
	padding: 0;
	margin: 0;
	font-family: Arial, -apple-system, BlinkMacSystemFont, Segoe UI,
		Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
		Helvetica Neue, sans-serif;
	font-size: 12px;
	overflow-x: auto;
	word-break: break-word;
}
#video {
	position: relative;
	/* padding-bottom: 56.25%; */
	padding-bottom: 41.1%; 
	height: 0;
  }

  #video iframe {
	position: absolute;
	margin-top: 2rem;
	top: 0;
	/* left: 0; */
	width: 100%;
	height: 93.2%;
  }

a {
	color: inherit;
	text-decoration: none;
}

* {
	box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
	html {
		font-size: 16px;
	}
	.flip-countdown {
		display: flex;
		column-gap: 1rem;
	}
}