* {
  font-family: 'Poppins', sans-serif;
}

body {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

body.-scroll {
  overflow: auto;
}

main {
  position: absolute;
  top: 50%;
  padding: 0 5vw;
  transform: translateY(-50%);
}

main.-small {
  padding: 5vh 25vw;
  top: 0;
  transform: none;
}

h1,
h2,
h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
}

h2 {
  font-size: 22px;
  transform: translateY(-30px);
  font-weight: normal;
  margin-bottom: 20px;
}

h3 {
  font-size: 18px;
  transform: translateY(20px);
  font-weight: normal;
}

p,
a {
  font-size: 18px;
}


a {
  color: black;
  text-decoration: none;
}

button {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  font-size: 18px;
}

.smileys {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 90vw;
  margin: 0 auto;
}

.smileys.-small {
  width: 50vw;
}

.smileys .smiley {
  width: 20%;
  text-align: center;
}

.smileys .smiley img {
  width: 90%;
}

.smileys.-small .smiley {
  width: 16.6%;
  text-align: center;
}

.smileys.-small .smiley img {
  width: 30%;
}

.smileys.-review .block {
  position: relative;
  background-color: #efefef;
  width: calc(45% - 60px);
  text-align: center;
  padding: 40px 30px;
}

.smileys.-review .block img {
  width: 50%;
}

.ml-form-embedWrapper.embedForm {
  width: 100vw !important;
  max-width: 100% !important;
  height: 100vh;
  padding: 50px 20px !important;
}

.-tablet .ml-form-embedWrapper.embedForm {
  width: 50vw !important;
}

.ml-form-align-center {
  text-align: left !important;
}

.ml-form-embedWrapper.embedForm img {
  height: 280px !important;
}

.back {
  position: absolute;
  width: 50vw;
  height: 100vh;
  right: 0;
  top: 0;
  background-color: #ffd2d2;
  background-image: url("../media/reload.png");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center 35%;
  z-index: 21474836401;
}

.back-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

button {
  background-color: #ff6b6b;
  color: #fff;
  appearance: none;
  border: none;
  padding: 30px 40px;
}