/*@import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Ubuntu&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@700;900&display=swap");
* {
  margin: 0;
  padding: 0; }

.main {
  width: 450px;
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%); }
  .main .title {
    font-family: 'Lato', Helvetica,Arial,sans-serif;
    font-size: 40px; }
  .main ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .main ul li.content {
      background: #fcfcfc;
      padding: 28px;
      display: none; }
      .main ul li.content .text {
        font-size: 24px;
        padding: 10px 5px; }
      .main ul li.content .thanks {
        font-family: 'Ubuntu', sans-serif;
        font-size: 26px;
        padding: 10px 5px; }
      .main ul li.content ul {
        list-style: none;
        font-size: 28px;
        padding: 0;
        margin-bottom: 25px; }
        .main ul li.content ul li {
          display: inline-block;
          color: #a29599;
          cursor: pointer; }
        .main ul li.content ul li.rated {
          color: #ffb502; }
        .main ul li.content ul li.hover {
          color: #ffb502; }
      .main ul li.content .btn {
        background: #7016b5;
        border: 0;
        padding: 10px 32px;
        color: white;
        border-radius: 17px;
        font-weight: 600;
        cursor: pointer; }
      .main ul li.content .btn:hover {
        background: #540191; }
      .main ul li.content .btn:focus {
        border: 0;
        outline: 0; }
      .main ul li.content a.back {
        position: absolute;
        left: 30px;
        bottom: 30px;
        background: #e8e8e8;
        padding: 5px 11px;
        font-size: 12px;
        cursor: pointer; }
      .main ul li.content a.back:hover {
        background: #d6d6d6; }
      .main ul li.content div input {
        width: 97%;
        padding: 10px;
        margin: 5px 0;
        border: 0px;
        background: #eaeaea; }
      .main ul li.content div textarea {
        width: 100%;
        margin: 5px 0;
        padding: 5px;
        border: 0px;
        background: #eaeaea;
        font-size: 18px; }
    .main ul li:first-child {
      display: block; }

@media only screen and (max-width: 600px) {
  .main {
    width: 350px; } }

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