/* Wrapper for inline SVG elements and responsiveness (thanks, IE11) */
body {
  padding: 60px 30px;
}

.intro {
  position: relative;
  width: 100%;
  text-align: center;
  transition: 0.6s ease-in-out;
}
body.oh-no .intro {
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
}
.intro__subhead {
  position: relative;
}
body.oh-no .intro__subhead:after {
  content: ' y u do dis :\'(';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  color: red;
  font-weight: bold;
  text-align: center;
}

.lemmehaveit {
  width: 100%;
}

.cupcake-canvas {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.cupcake-svg-container {
  box-sizing: content-box;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: calc(100% * 289 / 594);
}
.cupcake-svg-container svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}