@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@700&family=Montserrat:wght@500;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  background: #f2ebe3; }
  body .containe {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center; }
    body .containe .main__box--flex {
      margin-top: 10rem;
      display: flex;
      width: 35rem;
      height: 25rem; }
      body .containe .main__box--flex .main__img__box picture img {
        height: 100%; }
      body .containe .main__box--flex .main__text {
        background: white;
        padding: 0.5rem 1.5rem; }
        body .containe .main__box--flex .main__text span {
          font-size: 1.2rem;
          font-family: "Montserrat", sans-serif;
          color: #adacac; }
        body .containe .main__box--flex .main__text h1 {
          padding: 1rem 0;
          font-size: 1.6rem;
          font-family: "Montserrat", sans-serif;
          font-weight: 700; }
        body .containe .main__box--flex .main__text .text__p {
          padding: 1rem 0;
          font-size: 14px;
          color: #6c7289;
          line-height: 1.5; }
        body .containe .main__box--flex .main__text .text__p--preço {
          font-family: "Montserrat", sans-serif;
          color: #6c7289;
          margin-bottom: 2rem; }
          body .containe .main__box--flex .main__text .text__p--preço .text__p--preço--span {
            color: #3c8067;
            font-size: 1.2rem;
            font-weight: bold; }
        body .containe .main__box--flex .main__text .btn {
          width: 100%;
          border: none;
          text-align: center;
          padding: 1rem 0;
          border-radius: 10px;
          background: #3c8067;
          color: white;
          cursor: pointer; }
          body .containe .main__box--flex .main__text .btn:hover {
            background: #1f4235;
            transition: 1s; }

@media (max-width: 767px) {
  body .containe .main__box--flex {
    margin: 1rem 0;
    flex-direction: column; }
  body .containe .main__img__box picture img {
    height: 100%;
    width: 100%; } }

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