/**************butterflies section**********/



#butterflies, #birds, #insp{

   display:flex;

   background-color:#b9aeaf ;

 

 }



 #butterflies section, #birds section, #insp section{

    width:80%;

   padding:20px 30px;



 } 

 

 .carousel__slide {

   width: var(--carousel-slide-width, 48%);

 }









/*************birds section**********/



 #Birds{

   padding:20px 0px;

 }



 



 #birds img{

   padding:5px 10px;

 }



 #birds a{

   text-decoration: none;

 }



 .fancybox__container{

   --fancybox-bg:rgba(0, 0, 0, 0.842);

   --fancybox-color:rgb(228, 226, 226);

 }



 /********* insprition******/

 #insp img{

   padding:5vh 4vw;

   

 }

 video:-webkit-full-page-media{

   max-width: 75%;

 }



 /******* saman's css*********/



      

    h1,h2,h3,p,ul,li,figure{

          margin:0px;

          padding:0px;

      }

      

    body{

        background-image:url("images/backgroung.jpg"); 

        background-size: cover;

     }







      .page{

          width:60vw;

          margin:15vh auto;

          height: 74vh;

          border-radius:8px ;

      }



      #page{ 

         background-image:url("images/homepage.jpg"); 

        }



      ul{

        width:8vw;

        background-color:rgba(0, 0, 0, 0.431);

        border-top-left-radius: 8px;

        border-bottom-left-radius: 8px;

        height:74vh;

      }



      ul li{

        list-style-type: none;

        padding:40px 25px;

      }



      ul li a{

        text-decoration: none;

        color:blanchedalmond;

        text-align: left;  

      }



      a:hover{

        opacity:60%

      }





      h2{

        font-size:1.5rem;

        padding:10px 0px;

      }

      p{

        font-size:1.1 rem;

        line-height: 1.5rem;

        padding-bottom:10px;

        

      }