/* 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: url("background.webp");

}
.favicon{
    width: 350px;

    padding-top: 2vh;

}

.nav{
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;

}
.tag{
    width: 200px;
    padding-right: 50px;
}
.logo{
    justify-content: center;
    align-items: center;
    display: block;
    width: 700px;
}
.desc{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.description{
    width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.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: 500px;
}
.memes{

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


}

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

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

  /* Style the links inside the navigation bar */