<div class="bubble">
  Comic Sans was made for the little <span>Comic book style help speech bubbles</span> in programs like microsoft word
</div> 

$purple:#6E6C9B;

body{
  background:$purple;
  font-family:'Oswald';
  text-align:center;
  color:$purple;
}

span{
  color:#fff;
  display:block;
}
.bubble{
  width:280px;
  font-size:2em;
  padding:1.5em;
  letter-spacing:-.0125em;
  text-transform:uppercase;
  background:#84B1D5;
  border-radius:100px;
  margin:auto;
  margin-top:50px;
  position:relative;
  &:before,
  &:after{
    content:' ';
    display:block;
    position:absolute;
    width:100%; 
    height:50px;
    background:$purple;
    
  }
  &:before{
    top:100%;  
    left:-50%;
    border-radius:0 100px 0 0; 
    box-shadow:100px 0px 0px 0px #84B1D5;
  }
  &:after{
    
    top:100%;  
    right:-50%; 
    border-radius:100px 0px 0 0; 
  }
}

/*
  design from: http://www.comicsanscriminal.com/
*/