import styled from 'styled-components';
export const Content = styled.div `
  display: grid;
  place-content: center;
  margin-top: 45%;

  span {
    font-family: Proxima-Nova, sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
  }

  .balloon {
    width: min(90vh, 38vh);
    height: min(90vw, 32vh);
    border-radius: 10px;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.49);
    background-color: #ffffff;
    display: flex;
    flex-direction: column;

    .title {
      font-weight: bold;
      line-height: 1.25;
      letter-spacing: normal;
      text-align: center;
      color: #000000;
      margin-bottom: 2px;
    }

    button.close {
      border: none;
      border-top: solid 1px #c9c9c9;
      outline: none;
      background: none;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: auto;
      height: 50px;

      span {
        font-size: 14px;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
      }
    }
  }
`;
export const MainContainer = styled.div `
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  width: 100%;
  height: 100%;

  .title {
    padding: 20px;
    padding-bottom: 0;
  }

  .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;

    & > button {
      width: 24%;
      height: 55px;
      border-radius: 5px;
      border: none;
      margin: none;
    }

    .dislike {
      background-color: #d96a6a;
    }

    .like {
      background-color: #a9ce8f;
    }
  }
`;
export const ConfirmContainer = styled.div `
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
`;
//# sourceMappingURL=styles.js.map