Dark section with content right

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

<style>

@import url(https://fonts.googleapis.com/css?family=Varela+Round);
.wrapper {
  background: #9387c6;
  margin: 10px;
}
 
.content {
  font-family: Arial;
  background: #9387c6;
  color: #fff;
  padding-top: 10px;
  text-align: center;
  height: 100px;
}
 
.triangle-down{
    box-sizing: content-box;
    width: 50%; 
    height: 0;
    padding-left:50%;
    padding-top: 5%; 
    overflow: hidden;
}
.triangle-down div {
    width: 0;
    height: 0;
    margin-left:-1000px; 
    margin-top:-100px; 
    border-left: 1000px solid transparent; 
    border-right: 1000px solid transparent; 
    border-top: 100px solid #9387c6; 
}

</style>

<div class="wrapper">
<div class="triangle-down"><div></div></div>
</div>