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

.triangle-isosceles {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:rgba(235, 81, 112,1); 
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:rgba(235, 81, 112,1) transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}	
.triangle-isosceles-bottom:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:rgba(235, 81, 112,1) transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.triangle-isosceles-bottom {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:rgba(235, 81, 112,1);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
	
.bubble-img {
	max-width: 24%;
	border-radius: 50%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.bubble-img:hover { 
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5); 
	z-index: 100;
}

.triangle-isosceles.right {
  margin-right:50px;
  background:rgba(235, 81, 112,1);
}
.triangle-isosceles.right:after {
  top:16px; /* controls vertical position */
  right:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:10px 0 10px 50px;
  border-color:transparent rgba(235, 81, 112,1)
}

#bubble-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
}