body {background-color: powderblue;}

.sanika {
  float:right;
  width: 30%;
  display:inline-block;
  margin-left: auto;
  margin-right: auto;
}


h2   {color: blue;}

a {text-decoration: none;}

#fb    {color: blue;}


p1   {font-size:200%;}

p1,p2,p3,p4,p5   {align: left;} 

p1,p2,p3,p4,p5   {color:white ;}
p1,p2,p3,p4,p5   {background-color: blue;}
p1,p2,p3,p4,p5  {border: 1px solid white;}

p6,p7,p8    {align: right;} 

p6,p7,p8   {color:green ;}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: right;
}


.cet {
  
  margin-left: auto;
  margin-right: auto;
  float: right;
}

#fer.ul.li {
  
  text-decoration: none;
  border: 1px solid white;

}


footer {align: left;} 

#nera {
      background-color: blue;	
	font-size:25px;
	font-weight:bold:
	font-family:tahoma;
}

#mos {
        background-color:purple ;
	color:white ;
        font-weight:bold ;
	font-style:italic;
	font-size:100%;
        height:50px;
        margin: auto;
	text-align:center;
        border:20px;
}
       
      


#nera ul {
	color:white;
	text-align: center;
        padding:0 ;
	margin:0;
	list-style-type:none; //takes care of bullets and other styling
      
      }

     li {
	
	color:white ;
        display:inline;
	padding:15px;
	vertical-align: middle;
       
      }

#nera li:hover {
      
      color:white ;
      background-color: gray;

      }

#nera a {
	color:white ;
        text-decoration:none; 
	padding:9px;
	vertical-align: middle;
	background-color:black;
       
      }

#crr {
      
      background-color: powderblue;
      border-radius: 20px 20px;

      }


  
.portam{
      
      background-color: cream;

      }
.portam li {
	
        display:inline;
	padding:15px;
	vertical-align: middle;
	margin:5px;
	border: 2px solid white;
        border-radius: 10px;
	background-color: white;
       
      }

li:hover {
 background-color: lightgray;
}

.kenia {
	
	color:red;
	background-color: blue;
        width:100px;
	float:left;
       
      }

.diva {

  background-color: powderblue;
  display: inline;
  width:100px;

}

.vertical-menu {
  width: 200px; /* Set a width if you like */
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: #4CAF50; /* Add a green color to the "active/current" link */
  color: white;
}
.mySlides {display: none}

.mySlides img {vertical-align: middle;
max-width: 800px;
max-height: 400px;
margin-left: 260px;
margin-top: 20px;

object-fit: cover;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
 
}


/* Caption text */
.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: 50;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/* [THUMBNAILS] */
#gallery {
  max-width: 1200px;
  margin: 0 auto;
}
#gallery img {
  box-sizing: border-box;
  width: 25%;
  max-height: 150px;
  padding: 5px;
  /* fill, contain, cover, scale-down : use whichever you like */
  object-fit: cover;
}
 
/* [RESPONSIVE - MOBILE FRIENDLY] */
@media screen and (max-width: 850px) {
  #gallery img { width: 33%; }
}
@media screen and (max-width: 640px) {
  #gallery img { width: 50%; }
}