@import url(../css/main.css);
.main-work {
  font-family: "Raleway", sans-serif;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  border: 1px solid var(--main-gray);
  /* border: 1px solid var(--success); */
  border-radius: 1rem;
  padding: 2rem;
  background-color: rgba(136, 146, 176, 0.08);
  margin: 2.5rem 0rem;
  /* align-items: center; */
  /* justify-content: space-between; */
  .work-left-description {
    flex: 4;
    color: var(--main-gray);
    h2 {
      color: var(--main-gray);
    }
    a {
      font-size: 1.17em;
      font-weight: 700;
      text-decoration: none;
      color: var(--main-gray);
      /* padding: 0.3rem 0.5rem; */
      &:hover {
        color: var(--success);
      }
    }
    p {
      margin: 0.5rem 0rem;
      line-height: 1.4rem;
    }
    h3 {
      margin: 0.6rem 0rem;
      img {
        width: 1.3rem;
        /* margin: 0rem 0.2rem; */
        margin: -0.3rem 0.1rem;
      }
    }
  }

  .work-right-img {
    margin: 0.8rem;
    flex: 1;
    img {
      width: 23vw;
    }
  }
  .goto-icon {
    width: 0;
    i {
      position: relative;
      /* top: -1rem;
      left: 0.5rem; */
      top: -1.1rem;
      left: -0.4rem;
      color: var(--main-gray);
      cursor: pointer;
      font-size: 1.5rem;
      &:hover {
        color: var(--success);
      }
    }
  }
}
/* /////////////////////// */