/* L O G O  I N D E X */
a       {color: darkblue; cursor:pointer;}
a:link  {  text-decoration: none;}
a:hover { color: blue ;}
.about { color: lightgreen; text-align:left;}

* {box-sizing: border-box;}
#bg-blue-gradient{  background-image: linear-gradient(darkgreen, darkgreen);}
body { 	background-color: white; font-family: "Lato", sans-serif;font-size:15px; margin:5px 25px; padding:10px;} 

h2 { text-align: center ; color: black;}
h3 { text-align: center ; color : green ; }

 p.p2 { text-align: left ; color : darkgreen; font-size:15px; }
 p.me {text-align: center ;  transform: rotate(5deg); }
 p.p3 { font-family: verdana; font-size: 20px;  text-align: left ;  color : darkgreen; }

.topright { position: absolute;   top: 8px;    right: 16px;    font-size: 18px;}
img#aum { width: 100%;   opacity: 1;}


#prim { color: white; margin-top : 5px; margin-bottom : 5px; text-shadow: 1px 1px 2px black, 0 0 25px green, 0 0 5px darkgreen;}
#page-title { text-shadow: 2px 2px 5px darkgreen; font-size: 20px;  word-break: break-all; vertical-align: top; color:white;}

/* M E N U  S I D E B A R  T O G G L E  */ 

.sidebarfull {height: 100%; width: 0; position: fixed; top: 0; right: 0; background-color: #111;  padding-top: 60px;
  z-index: 1;  overflow-x: hidden;  transition: 0.5s;}
.sidebarfull a {display: block;  padding: 8px 8px 8px 32px;  text-decoration: none;  font-size: 25px;  color: #818181;transition: 0.3s;}
.sidebarfull a:hover { color: #f1f1f1;}
.sidebarfull .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px;  margin-left: 50px;}

#main-sidebarfull { transition: margin-right .5s;  padding: 6px; right: 5; top:5; }

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebarfull {padding-top: 15px;}
  .sidebarfull a {font-size: 18px;}
}

/* G A L E R I E  F O T O  2 div */
.box-galerie { display:flex; }
.polaroid { width: 40%;  background-color: white; float:left; margin:10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  margin-bottom: 25px;top:10px;
  padding-top: 22px; padding-bottom: 22px; padding-left: 22px;  padding-right: 22px; }

/* END G A L E R I E  F O T O  2 div */
/* G A L E R I E F O T O  3 DIV */
/* face flip la poza cu id="poza2" la trecerea mousului peste */
#poza2 img:hover {  -webkit-transform: scaleX(-1);  transform: scaleX(-1);}
img1:hover {  animation: shake 0.5s;  animation-iteration-count: 1;}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/* END G A L E R I E F O T O  3 DIV */

/*  S L I D E  S H O W  S T Y L E */
.slideshow-container {  max-width: 800px; max-hight:400px; position: relative; top:10px; margin: auto;}
.mySlides {  display: none;}
.prev, .next {  cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px;  padding: 16px;
          color: white;  font-weight: bold;  font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}
/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {  background-color: rgba(0,0,0,0.8);}
.text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
/* Number text (1/3 etc) */
.numbertext {  color: #f2f2f2;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;}

/* END  S L I D E  S H O W  S T Y L E */