body {
  background-color:#fdebdc;
}

.ribbon {
  letter-spacing:12px;
  font-size:62px;
  font-family: "Original Surfer", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin:0px auto;
  width:60%;
  color:#ec88c4;
}
.ribbon {
  --r: .8em; /* control the ribbon shape (the radius) */

  position: absolute;
  top:50px;
  inset-inline: calc(-1*var(--r));
  text-align: center;
  line-height: 1.6; 
  padding: 0 .5em calc(2*var(--r));
  border-radius: var(--r);
  --_g:100%/var(--r) calc(2*var(--r)) no-repeat;
  background: 
    radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 0    var(--_g),
    radial-gradient(100% 50% at left ,#0005 98%,#0000 101%) 100% var(--_g),
    conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,#40096C 0)
     0 0/calc(100% - var(--r)) 100%;
}

.nav {
  font-family: "Original Surfer", sans-serif;
  line-height:30px;
  font-size:24px;
  text-align:center;
  padding:10px 0px;
  background-color:#edc6b2;
  margin:0px auto;
  width:60%;
  position:relative;
  top:141px;
  color:#40096C;
}
.inner {
  font-family: "Varela Round", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:14px;
  padding:20px;
  width:57%;
  margin:0px auto;
  position:relative;
  top:141px;
  background-color:#fde1c9;
  color:#1c0736;
}

.updates {
  border:1px solid #ec88c4;
  position:relative;
  top:-10px;
  padding:10px;
  width:20%;
  margin:15px auto;
  text-align:center;
  background-color:#fdebdc;
  color:#1c0736;
}

.bouquet {
  float: right;
}

.footer {
  font-family: "Original Surfer", sans-serif;
  line-height:30px;
  font-size:14px;
  text-align:center;
  padding:10px 0px;
  background-color:#edc6b2;
  margin:0px auto;
  width:60%;
  position:relative;
  top:141px;
  color:#40096C;
}