@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');


h1 {
    font-family: 'Press Start 2P', cursive;
}

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

.pokeslot {
	height: 90px;
	width: 90px;
	border-radius: 100%;
	background-color: #FFE14D;
	border-right: 10px solid #F9D100;
	border-left: 10px solid #F9D100;
}

.pokebox {
    width: 60%;
    height: 180px;
    overflow-x: hidden;
    margin-bottom: 4%;
	background-color: #FFE14D;
	border-right: 8px solid #F9D100;
	border-left: 8px solid #F9D100;
	border-top: 8px solid #F9D100;
	border-bottom: 8px solid #F9D100;
}

.pokebox::before {
    font-family: 'Press Start 2P', cursive;
    position: absolute;
    margin: 10px;
}

.pokecontent {
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

#party {
	margin-left: auto;
	margin-right: auto;
}

#gen1::before {
    content: 'Generation 1';
}

#gen2::before {
    content: 'Generation 2';
}

#gen3::before {
    content: 'Generation 3';
}

#gen4::before {
    content: 'Generation 4';
}