.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:180px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;    
  	z-index:100;
}

.float2{
	position:fixed;
	width:60px;
	height:60px;
	bottom:260px;
	right:40px;
	background-color:#d62976;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;    
  	z-index:100;
}
.my-float{
	margin-top:16px;
}

.my-float2{
	margin-top:16px;
}
#mySidenav a {
position:fixed;
  transition: 0.3s;
  padding: 15px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 0 5px 5px 0;
}

#mySidenav a:hover {
  left: 0;
}

#about {
  top: 280px;
  left: -160px;
  width: 205px;
  background-color: #3ea3cf;
}

#mail {
  top: 200px;
  left: -290px;
  width: 335px;
  background-color: #3ea3cf;
}