/* based on https://codepen.io/quadbaup/pen/rKOKQv */
/*      and https://codepen.io/dudleystorey/pen/wMLBLK  */
/*body {*/
/*    background-color:orange;*/
/*    display:flex;*/
/*    flex-flow:row wrap;*/
/*    justify-content:center;*/
/*    margin:0;*/
/*    height:100vh;*/
/*    align-items:center;*/
/*    align-content:center;*/
/*    padding:0 8rem;*/
/*}*/

@font-face {
    font-family: 'SequentialistBB';
    src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/306FA6_1_0.woff2") format("woff2"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/306FA6_0_0.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'SequentialistBB';
    src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/306FA6_0_0.woff2") format("woff2"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/306FA6_0_0.woff") format("woff");
    font-style: italic;
    font-weight: 400;
}

section > .thought {
    display:flex;
    background-color:#fff;
    color: black;
    padding:20px;
    border-radius:30px;
    min-width:40px;
    max-width:220px;
    min-height:40px;
    margin:20px;
    position:relative;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-family: SequentialistBB, cursive;
    font-style: italic;
}
.thought:before,
.thought:after {
    content:"";
    background-color:#fff;
    border-radius:50%;
    display:block;
    position:absolute;
    z-index:-1;
}
.thought:before {
    width:44px;
    height:44px;
    top:-12px;
    left:28px;
    box-shadow:-50px 30px 0 -12px #fff;
}
.thought:after {
    bottom:-10px;
    right:26px;
    width:30px;
    height:30px;
    box-shadow:40px -34px 0 0 #fff,
    -28px -6px 0 -2px #fff,
    -24px 17px 0 -6px #fff,
    -5px 25px 0 -10px #fff;

}