@font-face{
	font-family:"minecraft 7 mono";
	src:url(mono.ttf);
}

body{
	font-family:"minecraft 7 mono",monospace;
	font-size:32px;
	font-smooth:never;
	-webkit-font-smoothing:none;
	text-shadow: 2px 2px #000000, 2px 0px #000000;
	margin: 0;
}

:root{
	background:#0e2dbb;
	color:#ffffff;
	
}

.leg{
	height: 42px;
	width: 330px;
	margin-top: 32px;
	margin-bottom: 16px;
}

.marge{
	margin-left: 32px;
	margin-right: 32px;
}

.beach{
	background:#bd9364;
	padding-top: 32px;
	padding-bottom: 32px;
}

.transition{
	background-image: url(img/beach.png);
	background-repeat: repeat-x;
	image-rendering:pixelated;
	background-size: 32px 96px;
	height: 96px;
	width: 100%;
}

.flipped{
	transform: scaleY(-1);
}

.container{
	columns:4;
	gap:16px;
}

img{
	width:100%;
	margin-bottom:16px;
	border-radius:4px;
}

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

.pix{
	image-rendering:pixelated;
}

.glimpemoji{
	height:32px;
	width:32px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:-8px;
	border-radius:0;
}

@media(max-width:1150px){
	.container{
	columns:3;
	}
}

@media(max-width:850px){
	.container{
	columns:2;
	}
}

@media(max-width:550px){
	.container{
	columns:1;
	gap:8px;
	}
	
	img{
	margin-bottom:8px;
	}

	.marge{
	margin-left: 16px;
	margin-right: 16px;
	}
	
	.beach{
		padding-top: 16px;
		padding-bottom: 16px;
	}

	p{
		margin: 16px;
	}

	.leg{
	margin-top: 16px;
}
}