*{
    margin:0;
    padding:0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;



    }


wrapper{
    width: 100%;
 


}
    body{
       
        background: url(poze/textura2.png);

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    }
    .containerNavigatie{
        width: 100%;
        height:80px;
        background-image: url(poze/orez.png);
        text-align:center;
        box-shadow:  0px 10px 20px rgba(204, 13, 230, 0.199);
        line-height: 80px;
        }
        .containerNavigatie .meniu{
            background-image: url(poze/etaiat.png);
            display:flex;
            position:relative;
        }
        .containerNavigatie .meniu li{
        font-size: 20px;
        flex: 1;
        list-style:none;
        }
        .containerNavigatie .meniu li a{
            color: rgb(89, 17, 204);
            text-decoration: none;
            transition: color 0.3s ease-in-out;
        }
        .containerNavigatie .meniu li:hover a{
            color:rgb(235, 20, 224);
        }
        .containerNavigatie .meniu li:first-child a{
            color: rgb(118, 20, 209);
        }
        
        .containerNavigatie .meniu .linie{
            position:absolute;
        height: 5px;
        width: 25%;
          background: rgba(206, 64, 235, 0.603);
          bottom: 0;
          left:0;
          transition: all 0.3s ease;
        }
        .containerNavigatie .meniu li:nth-child(2):hover ~ .linie{
        left:25%;
        
        
        }
        
        .containerNavigatie .meniu li:nth-child(3):hover~.linie{
            left:50%;}

            .containerNavigatie .meniu li:nth-child(4):hover~.linie{
                left:75%;}
    .jumbotron{
    height:700px;
     background: 
     url(poze/alb.png);
   
     /* https://source.unsplash.com/1920x1080/?book */
    color:white;
    text-align:center;
    text-shadow: 2px 2px black;
    text-decoration-thickness:black;
  
    }
    
    .jumbotron h1{
    font-weight:100;
    
    /*linear-gradient(
        rgba(0,0,250,0.25),
    rgba(250,180,125,0.45)
    ),  */
    
    }
    
    .jumbotron .masina{
    
        width: 160px;
        height: 150px;
        
       
    }
    
  
    
    /* -webkit-filter:invert(20%) sepia(70%) saturate(3300%) hue-rotate(350deg) brightness(130%) contrast(100%); */
    /*   -webkit-filter:invert(100%) sepia(10%) saturate(500%) hue-rotate(220deg) brightness(100%) contrast(80%); */
    
    .continut-text{
    
    margin:5% 10% 5% 10%;
    text-align: justify;
    
    }
    .sectiune_carduri{
    max-width: 1200px;
    margin: 0 auto;
    }
    .sectiune_carduri h1{
    font-size: 30px;
    font-weight: 400;
    text-align:center;
    }
    .lista_carduri{
      display: flex;
      flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding:0;
    }
    
    .element_card{
    display:flex;
    padding: 16px;
    }
    
    @media (min-width:50px){
        .element_card{
         width:100%;
         }
     }
    @media (min-width:500px){
        .element_card{
         width:50%;
         }
     }
    
    @media (min-width:800px){
       .element_card{
        width:33%;
        }
    }
    .element_card .card{
        display: flex;
        box-shadow: 0 20px 40px rgb(176, 114, 228) 
    }
     .sectiune_carduri img{
         max-width: width 100%;
         height:auto;
    
     }
     
     .sectiune_carduri .buton_card{
         padding:14px;
         font-size:14px;
         text-transform:uppercase;
         
         width:100%;
         font-weight:500;
         border:1px solid rgb(145, 16, 231);
         background: transparent;
         color:black;
     }
    .sectune_carduri .buton_card:hover{
        color:black;
        background-color: rgba(226, 27, 126, 0.644);
    }
    
    
    
    
    
    .continut_card{
    
    padding: 16px;
    background: linear-gradient( to bottom left, rgb(216, 137, 199), rgb(248, 248, 248));
    text-align: justify;
    
    }
    
    .titlu_card{
    color:rgb(69, 223, 223);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align:center;
    }
    
    
    
    text_card{
    color: rgb(69, 223, 223);
    font-size:20px;
    margin-bottom:18px;
    font-weight:400;
    }
    
    footer div{
    text-align:center;
    padding-top: 40px;
    padding-bottom: 20px;
    
    }
    
    footer{
    background-color: #d48affb9;
    color: black;
    
    }
    
    
    
      /* Pana aici am scris pe 13.03.2020 */
    
    
      ::-webkit-scrollbar{
    width: 20px;
       }
       ::-webkit-scrollbar-thumb{
    background-color: rgb(113, 16, 204);
    
       }
       ::-webkit-scrollbar-track{
    /* background-color: rgb(215, 179, 248); */
    background-color: #fcd9ff;
    
       }

       .linkuri{
           color: rgb(210, 46, 243);
          
       }


       .anagrama{
           text-align: center;
       }




 
  .fa {
    padding: 20px;
    font-size: 20px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  
  #wp-toolbar span.noticon, #wpadminbar #wp-admin-bar-notes .noticon {
   	   color: #fff;
   	     text-shadow: none !important;
        margin: 0;
   	     opacity: 1;
   	     width: 100%;
   	     position: absolute;
   	     top: 4px;
   	     left: 0;
   	     font-size: 23px !important;
    }
    nav {  
        
        width: 100%; 
         height: 75px;  
        background-color: #ffd3f9dc;
 
   
    
    }
    
   
        nav a {    
            margin-left: 50px;
            display: block;    
            float: left;
            font-family: sans-serif;    
            font-size: 20px;    
            color: rgb(91, 35, 143);
            background-color: #ffd3f9dc;    
            padding-top: 20px;   
            padding-right: 20px;   
            padding-bottom: 20px;  
            padding-left: 20px;
            text-decoration: none;
            transition: all 0.3s ease;
        } 


        span {
  content: "\00A9";
}
.youtube2{
    margin-left: 120px;
    margin-right: 150px;
    text-align: justify;
}
.buton-insta{
    margin-left: 45px;
    margin-right:30px ;
}
.fise-cu-carti{
text-align: justify;
margin-left:60px;
margin-right:60px;

}
.titlu{
    font-family: 'Great Vibes', cursive;
    color:rgb(126, 100, 241);
    margin-left: 50px;
    text-decoration: bold;
    font-size:45px;
  
}
.titlu-mare{
    font-family: 'Merriweather', serif;
    font-size: 50px;
}
.ghilimele{
    font-size: 50px;
    /* font-family:"Georgia, Arial"; */
     color: #e470fc;
  
}
.text-citate{
    
  font-size:16px;
    text-align: justify;
   
    padding:15px;
  
    
}
.lista{
    list-style: "-";






}
.poze{
    margin-left: 30px;
  max-width: 100%;
  display:block;
}

.youtube{
margin-left: 30px;
}

.recenzie {
margin-left: 30px;
margin-right: 30px;
text-align: justify;
font-size: 18px;




}
.about-image {
    /*position: relative;
    display: inline-block; /* Make the width of box same as image */
    float: right;
    z-index:1;
    margin-top: 75px;
    margin-bottom: 75px;
    margin-right: 30px;
    }
    .about-image .overlay {
      font-family: "Raleway", "";
      /*
      position: absolute;
      */
    bottom: 0px;
    left: 0px;

    }