html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	/* background-image: url("https://64.media.tumblr.com/5d0780ab645b499a62108dd6bd4f5565/tumblr_inline_ml7ycfE7pg1qz4rgp.gif"); */
	background-image: url("https://64.media.tumblr.com/f3d4f9100ec5dd1070048e2e1e86c190/54dbdd530a69c1c9-f8/s75x75_c1/554afeed0758997760577ced06f2027841b0b628.pnj");
	background-size: 15%;
}

@font-face {
  font-family: kiwisoda;
  src: url(font/KiwiSoda.ttf);
}
@font-face {
  font-family: poprumcute;
  src: url(font/PopRumCute.otf);
}

nav{
	margin-left: 40%;
}
nav span{
	color: #F55B8D;
	background-color: #FCAECA;
	padding: 5px;
}
nav a{
	color: white;
	text-decoration: none;
}
nav a:hover{
	text-style: italic;
	color: #85D6FF;
}
main{
	display: flex;
  justify-content: center;
  align-items: center;
}
.container {
	display: inline-grid;
	grid-template-columns: auto auto;
	padding: 10px;
}

.container div {
	font-size: 30px;
	text-align: center;
	position: relative;
}
p{
	font-family: poprumcute;
}
h2{
	color: #F55B8D;
	font-family: kiwisoda;
	margin: 0;
	padding: 0;
}

.vibe{
	background-color: pink;
	width: 320px;
	height: 150px;
	margin-right: 0;
	margin-left: auto;
	margin-bottom: 5px;
	padding-bottom: 6px;
	margin-right: 40px;
	display: flex;
	flex-direction: row;
	overflow-y: hidden;
	overflow-x: auto;
}
.vibe img{
	height: 150px;
}
.quizz{
	width: 250px;
	height: 350px;
	background-image: url("https://64.media.tumblr.com/5d0780ab645b499a62108dd6bd4f5565/tumblr_inline_ml7ycfE7pg1qz4rgp.gif");
	transform: rotate(-5deg);
	top: -5px; 
	left: 5px;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
}
.quizz img{
	width: 250px;
}