/* Add a black background color to the top navigation */
@keyframes goofy-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}



body{
    /* background-color: rgba(241,97,35,255); */
    background-image: url("background.gif");
    background-size: 20%;
    align-items: center;
    justify-content: center;
}
.wrapper{
    background-image: url("money.gif");
    background-size: 20%;
}
.favicon{
    width: 300px;
    padding-left: 1vw;
    padding-top: 1vh;

}
.nav{
    position: fixed;
}
.tag{
    width: 400px;
    padding-top: 12vh;
    padding-right: 3vw;

}
.logo{
    justify-content: center;
    align-items: center;
    display: block;
    width: 900px;
}
.logo1{
    width: 800px;
}

.desc{
    padding-right: 2vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10vh;

}
.pic{

    /* make border rounded */
    border-radius: 20%;
    /* add some white borders */
    border: 10px solid white;
    /* add some shadow */
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    /* increase size */
    width: 450px;
}
.memes{

    justify-content: center;
    align-items: center;
    padding: auto auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;


}

.memes img{
    border-radius: 10%;
    border: 10px solid white;
    /* add some shadow */
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    margin: 2vw;
    margin-bottom: 3vh;
}

/* .nav.scrolled {
    background-color: rgba(151, 109, 236, 0.87);
} */

  /* Style the links inside the navigation bar */