@charset "utf-8";
/* CSS Document */

/* Style the links inside the sidenav */
#mySidenav a {
  position: absolute; /* Position them relative to the browser window */
  left: -66px; /* Position them outside of the screen */
  transition: 0.3s; /* Add transition on hover */
  /*padding: 15px 10px 15px 15px;*/ /* 15px padding */
  padding: 20px 10px 20px 20px;
  text-align:right;
  width: 100px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  font-size: 20px; /* Increase font size */
  color: #FFF; /* White text color */
 /* border-radius: 0 20px 20px 0;*/ /* Rounded corners on the top right and bottom right side */
}

#mySidenav a:hover {
  /*left: 0;*/ /* On mouse-over, make the elements appear as they should */
}
/*.social-icon{
	background-color:white;
	 border-radius: 100%;
	 padding:5px;
	 }*/
/* The about link: 20px from the top with a green background */
#facebook {
  top: 180px; 
  background: #f482af; /* Fallback color */
  /*background: rgba(0, 0, 0, 0.5);*/ /* Black background with 0.5 opacity */
}

#instagram{
  top: 240px;
 background: #f482af; /* Fallback color */
  /*background: rgba(0, 0, 0, 0.5);*/ /* Black background with 0.5 opacity */
}

#whatsapp{
  top: 300px;
  background: #f482af; /* Fallback color */
  /*background: rgba(0, 0, 0, 0.5);*/ /* Black background with 0.5 opacity */
}

#youtube {
  top: 360px;
  background: #f482af; /* Fallback color */
  /*background: rgba(0, 0, 0, 0.5);*/ /* Black background with 0.5 opacity */
}