html, body {
  padding: 0;
  margin: 0;
  font-family: Arial; }

.hide {
  display: none !important; }

#playground {
  width: 510px;
  position: relative;
  position: relative; }
  #playground .keyboard {
    position: absolute;
    width: 150px;
    height: 153px;
    background: url("../img/keyboard.png") no-repeat top left;
    left: 180px;
    top: 264px;
    transform: scaleX(-1); }
  #playground .head {
    background: url("../img/head.png") no-repeat center;
    width: 107px;
    height: 94px;
    position: absolute;
    top: 526px;
    left: 160px;
    transform: rotate(0deg); }
    #playground .head .beak {
      width: 42px;
      height: 30px;
      position: absolute;
      left: 3px;
      top: 64px; }
      #playground .head .beak .top, #playground .head .beak .bottom {
        position: absolute; }
      #playground .head .beak .top {
        background: url("../img/beak-top.png") no-repeat top left;
        width: 40px;
        height: 29px;
        top: 0px;
        left: 0px;
        transform-origin: 36px 13px; }
      #playground .head .beak .bottom {
        background: url("../img/beak-bottom.png") no-repeat top left;
        width: 24px;
        height: 29px;
        left: 18px;
        top: 1px;
        transform-origin: 45px 34px; }
  #playground .head.talk {
    transform: scaleX(-1) rotate(63deg);
    top: 529px;
    left: 167px; }
  #playground .bubble {
    background: url("../img/bubble.png") no-repeat center;
    width: 210px;
    height: 200px;
    position: absolute;
    left: 281px;
    top: 357px;
    background-size: cover; }
    #playground .bubble .textarea {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 20px;
      /* Apply min height of 4 lines */
      line-height: 1.2;
      min-height: calc(1.2em * 4);
      outline: none !important;
      position: absolute;
      left: 30px;
      top: 25px;
      width: 150px;
      height: 130px; }

/*# sourceMappingURL=style.css.map */