@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 {
	text-decoration: none;
	font-size: 20px;
	color: white;
}

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

img {
	border: white solid 2px;
	width: 75vw;
}

p {
	flex: 1 1 100%;
	font-size: 2vw;
	padding: 10px;
	color: white;
}

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

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

	a {
		font-size: 4vw;
	}

	p {
		font-size: 4vw;
	}

	img {
		height: 35vh;
		width: 95vw;
	}

	footer {
		font-size: 2vw;
	}
}