@import url("styles.css");
/*===== HOME =====*/
.home {
    position: relative;
    row-gap: 5rem;
    padding: 4rem 0 5rem;
  }
  .home__data {
    /*align-self: center;*/
    max-width: 50%; /* Adjust as needed */
    word-wrap: break-word;
  }
  /*.home__title {
    font-size: var(--big-font-size);
    margin-bottom: var(--mb-5);
  }*/
  .home__title {
    font-size: calc(var(--big-font-size) * 0.7); /* Adjust the multiplier as needed */
    margin-bottom: var(--mb-5);
    
  }
  .home__title-color {
    color: var(--first-color);
  }
  .home__social {
    display: flex;
    flex-direction: column;
  }
  .home__social-icon {
    width: max-content;
    margin-bottom: var(--mb-2);
    font-size: 1.5rem;
    color: var(--second-color);
  }
  .home__social-icon:hover {
    color: var(--first-color-gradient);
  }
  .home__img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 260px;
  }
  .home__blob {
    fill: var(--first-color);
  }
  .home__blob-img {
    width: 360px;
  }
  
  /*BUTTONS*/
  .button {
    display: inline-block;
    background-color: var(--first-color);
    color: #fff;
    padding: 0.75rem 2.5rem;
    font-weight: var(--font-semi);
    border-radius: 0.5rem;
    transition: 0.3s;
  }
  .button:hover {
    box-shadow: 0px 10px 36px rgba(0, 0, 0, 0.15);
  }