body{
    background-image: url(gif/confetti.gif);
    background-attachment: fixed;
}
.container{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
	justify-items: center;
	align-items: center;
}
.main-col{
	width: 20vw;
	margin-top: 3em;
}
section{
    margin: 2em;
    background-color: #FFF;
}
.nes-btn{
    margin: .5em;
}
.sprites{
	display: flex;
	justify-content: center;
	justify-items: center;
	padding-bottom: 3em;
}

.sprites img{
    width: 10vh;
}

.sprites2022 img{
    width: 10vw;
}

h1 {
    width: 100vw;
    font-size: 5vw;
    text-align: center;
}

h2 {
    width: 100vw;
    font-size: 2vw;
    text-align: center;
}

h3 {
    font-size: 1vw;
}

.sprite-wide{
    width: 40vw;
}

 @media only screen and (max-width: 960px) {

    .main-col{
        width: 40vw;
        margin-top: 3em;
    }
    .sprites img{
        width: 15vw;
    }

}


 @media only screen and (max-width: 720px) {
    .container{
        display: flex;
        flex-direction: column;
    }
    .main-col{
        width: 80vw;
        margin-top: 3em;
    }
    .sprites img{
        width: 25vw;
    }
    h2 {
    font-size: 3vw;
    }

    h3 {
        font-size: 8vw;
    }

}