@import "SoulCatsCss.css";

body {
	background-color: black;
	display: flex;
	flex-flow: column;
	gap: 10px;
	place-items: center;
	height: 100vh;
}

.bodoni-moda {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.nav {
    display: flex;
	justify-content: space-evenly;
	gap: 10px;
	color: white;
	width: 100%;
}

a {
	margin-left: 10px;
	text-decoration: none;
	font-size: 20px;
	color: white;
}

h1 {
	font-size: 7vw;
	color: white;
}

img {
	height: 65vh;
}

iframe {
	flex: 1 1 100%;
	border-radius: 3px;
	height: 400px;
}

footer {
	align-self: flex-start;
	color: white;
}

@media screen and (max-width: 411px) {
	h1 {
		font-size: 12vw;
	}

	a {
		font-size: 4vw;
	}

	img {
		height: 45vh;
	}

	footer {
		font-size: 2vw;
	}
}