body {
	font-family: 'Karla', sans-serif;
}



html {
	scroll-behavior: smooth;
}

#navbar {
	display: flex;
	justify-content: space-around;
  	align-items: center;
  	height: 23vh;
}

.navlinks {
  	gap: 2rem;
  	list-style: none;
  	font-size: 1.5rem;
  	display: flex;
  	color: white;
}

h3 {
	font-size: 45px;
	margin: 20px 0;
	text-align: center;
}

h4 {
	font-size: 35px;
	margin: 20px 0;
}

.works {
	justify-content: center;
}

.works h2 {
	text-align: center;
	font-size: 60px;
	margin: 30px 0;
}

.posters {
	padding: 20px;
	justify-content: center;
}

.vaccine {
	justify-items: center;
	padding: 20px;
}

.chocolates {
	justify-items: center;
	padding: 20px;
}

.main {
	padding: 20px;
}

.info {
	display: flex;
}

.text {
	width: 650px;
	padding: 0px 20px ;
	align-content: center;
}

.preview {
	padding: 20px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cover {
	padding: 0px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tiktok {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 20px;
}

.tiktok li {
	margin: 0 20px;
}

.main-photo {
    justify-content: center;
    padding: 30px 0px;
}

.magazine-pages {
	justify-content: center;
	list-style: none;
	padding: 20px;
}

.magazine-pages li {
    padding: 20px;
}

.chocorenders {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 20px;
}

.chocorenders li {
	margin: 20px 20px;
}

.gameboy {
	justify-items: center;
}

.gallery {
	padding: 20px;
	justify-items: center;
}

.main {
	margin: 0px 10px;
}

.consolerenders {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 20px;
}

 .consolerenders li {
 	margin: 20px 20px;
 }

 .toaster {
 	justify-items: center;
 }

 .toaster li {
 	margin: 20px 20px;
 }

footer {
	justify-items: center;
	align-content: center;
	height: 23vh;
}

.endnavlinks {
  	gap: 2rem;
  	list-style: none;
  	font-size: 1.5rem;
  	display: flex;
  	color: white;
  	padding: 0px 40px;
}