html, body {
  margin: 0;
}

body:after {
  font-size: .8em;
  background-color: #EB4377;
  /*color: rgba(223, 183, 180, .3);*/
  position: fixed;
  width: 100%;
  bottom: 1em;
  text-align: center;
}

#cloud {
  overflow: hidden;
  width: 1px; height: 1px;
  transform: translate(-100%, -100%);
  border-radius: 50%;
  filter: url(#filter);
	z-index: -1;
}

@font-face {
  font-family: alphaClouds;
  src: url(../fonts/AlphaClouds.ttf);
}

#varia {
  line-height: 1.03em;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  text-shadow: 2px 2px #8B5B7F;
  font-size: 60px;
  text-align: center;
  font-family: alphaClouds;
	mix-blend-mode: exclusion;
}
@supports (-webkit-text-stroke: 1px lightpink) {
  #varia {
    -webkit-text-stroke: 1px lightpink;
  }
}
.container {
  margin 0 auto;
}


button {
  z-index: 10;
  border: 3px solid black;
  padding: 6px;
  color: black;
  min-width: auto;
  background-color: #f1f1f1;
}