@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;400;600;700&display=swap");

@mixin FlexAlignCenter($dir) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: $dir;
}

@mixin emojiFace {
  height: 100%;
  width: 100%;
  background: linear-gradient(#ffed65, #eead2f);
  border-radius: 50%;
  box-shadow: inset 0 0 10px 2px #eead2b, rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
  font-family: "Overpass", sans-serif;
}
body section {
  height: 100vh;
  width: 100%;
  @include FlexAlignCenter(row);
  background-color: aliceblue;
}
body section .feedbackCont {
  width: 90%;
  max-width: 350px;
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 2rem;
  border-radius: 0.5rem;
  @include FlexAlignCenter(column);
}

body section .feedbackCont {
  .textarea {
    h1 {
      color: #6f6282;
      text-align: center;
    }
  }
}

// Emoji

// Angry Emoji
@import "./angryEmoji";

// Sad Emoji

@import "./sadEmoji";

// Neutal Emoji
@import "./neutralEmoji";

// Smile Emoji
@import "./smileEmoji";

// LoveIt Emoji
@import "./loveEmoji";

// Stars
@import "./stars";
