*{
    padding: 0px;
    margin: 0px;
}

body{
    /* background-color: rgba(212,236,244,255); */
    background-image: url(../../shared/tile-bg.png);
}


/* /////////////////laZooBirdGarden start//////////////////// */
.laZooBirdGarden-container{
    background-color: white;
    background:linear-gradient(to bottom, rgba(255, 255 , 255 , 1) 0%, rgba(255, 255 , 255 , 0.9) 100%);
    padding-top: 20px;
    
}
.laZooBirdGarden-container p{
    margin: auto;
    width: 70vw;
    
}

.laZooBirdGarden-transition{
    background:linear-gradient(to bottom, rgba(255, 255 , 255 , 0.9) 0%,rgba(255, 255 , 255 , 0.0) 100%);
    height: 80px;
    
}

.tree-image{
    /* background-image: url(../img/1248253927.jpeg); */
    background-size: cover;
    /* padding: 75px 0px; */
    padding-bottom: 75px;
    min-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.content{
    background-color: rgba(255, 255 , 255 , 0.72);
    width: 80vw;
    margin: 75px auto;
    max-width: 1200px;
    padding-bottom: 30px;
    border-radius: 20px;
}
/* .menubackground{
    background-color: #c9f8a9;
} */
.menucolor{
    border-top-left-radius: 20px ;
    border-top-right-radius: 20px ;
    /* background: #b1e091; */
    /* background: -moz-linear-gradient(top, #b1e091 0%, #c9f8a9 50%, #b1e091 100%); */
    /* background: -webkit-linear-gradient(top, #b1e091 0%, #c9f8a9 50%, #b1e091 100%); */
    /* background: linear-gradient(to bottom, #b1e091 0%, #c9f8a9 50%, #b1e091 100%); */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0.15) 100%);
    /* background-color: #b1e091; */
    /* background: red; */
}
.active{
    /* background: #b1e091; */
    /* background: -moz-linear-gradient(top, #a0ce80 0%, #b1e091 50%, #a0ce80 100%);
    background: -webkit-linear-gradient(top, #a0ce80 0%, #b1e091 50%, #a0ce80 100%);
    background: linear-gradient(to bottom, #a0ce80 0%, #b1e091 50%, #a0ce80 100%); */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.075) 0%, rgba(0, 0, 0, 0.05) 50%,rgba(0, 0, 0, 0.075) 100%);
    border-radius: 5px;
}
h3{
    padding: 20px;
}
.species-container{
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    margin: 20px;
}
.species-photo{
    display:flex;
    flex-direction:column;
    align-items: center;
    flex-basis: 50%;
    gap: 20px;
}
.species-photo img{
    width: 30vw;
    max-width: 420px;
    padding: 10px;
    
}
.species-info{
    display:flex;
    flex-direction: column;
    flex-basis: 50%;
    min-width: 250px;
}
.species-name{
    flex-basis: 100%;
}
/* /////////////////laZooBirdGarden end//////////////////// */