* {
    margin: 0px;
    line-height: normal;
    scroll-behavior: smooth;
  }
  
  body{
    background-color: var(--hot-pink-hot-pink-900);
    
  }

  :root {
    /* fonts */
    --font-zilla-slab: "Zilla Slab";
    --font-zilla-zlab-highlight: "Zilla Slab Highlight";
  
    /* font sizes */
    --font-size-9xl: 28px;
    --portafolio-2024-1-desktop-headings-variant-1-size: 24px;
    --font-size-lgi: 19px;
    --portafolio-2024-1-desktop-headings-heading-2-size: 40px;
  
    /* Colors */
    --red-brown-red-brown: #3d140e;
    --burgundy-burgundy-950: #21080e;
    --red-brown-red-brown-950: #1f0a07;
    --degradado-contenedor: rgba(61, 20, 14, 0.81);
    --hot-pink-hot-pink-900: #55002a;
    --hot-pink-hot-pink-900-ghost: rgba(254, 0, 125, 0.49);
    --degradado-boton: rgba(96, 32, 22, 0.57);
    --beige-beige: #feedd3;
    --del-rio-del-rio: #b29487;
    --hot-pink-hot-pink: #fe007d;

    /* Effects */
  --portafolio-2024-1-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.header{
    width: auto;
    padding: 23px 62px;
    background-color: var(--red-brown-red-brown-950);
    position: sticky;
    top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: min-content;
    z-index: 10;
}

.header__image{
    width: 100px;
    height: 100px;
    border-radius: 999px;
    overflow: hidden;
}

.header-image{
    width: 100%;
    height: 100%;
}

.header__nav{
    display: flex;
    gap: 133px;
}

.nav__link{
    font-size: var(--font-size-9xl);
    font-family: var(--font-zilla-slab);
    color: var(--beige-beige);
    text-decoration: none;
    font-weight: 700;
}
.footer{
    position: sticky;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 10;
    width: auto;
    gap: auto;
    padding: 9px 57px;
    background-color: var(--burgundy-burgundy-950);
}

.footer__mail{
    display: flex;
    align-items: center;
    gap: 15px;
}
.mail__text{
    font-family: var(--font-zilla-slab);
    font-size: var(--portafolio-2024-1-desktop-headings-variant-1-size);
    font-weight: 700;
    color: var(--beige-beige);
}

.footer__social{
    display: flex;
    gap: 2px;
}

.hero{
   
    
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
}

.hero-background{
    position: absolute;
    margin-top: 146px;
    top: 0;
    right: 0;
    height: auto;
    width: 100vw;
    background-color: var(--hot-pink-hot-pink-900-ghost);
    overflow: hidden;
    z-index: -1;
    
}

.hero-overlay{
    position: absolute;
    margin-top: 146px;
    top: 0;
    right: 0;
    height: 100%;
    width: 100vw;
    background-color: var(--hot-pink-hot-pink-900-ghost);
    overflow: hidden;
    
}

.hero__title{
    position: relative;
    width: 1300px;
    height: auto;
    z-index: 8;

}

.section{
    display: flex;
    z-index: 10;
    background-color: var(--hot-pink-hot-pink-900);
}



.section--profile{
    display: flex;
    align-items: flex-end;
    padding: 116px 99px;
    gap: 151px;
}

.profile__content{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 60px;
   
}

.profile__title{
    width: 830.492px;
height: 482.797px;
transform: rotate(-24.279deg);
    position: absolute;
right: 550px;

top: -350.2px;
}




.profile__text{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.text__title{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.text__title--top{
    font-size: var(--portafolio-2024-1-desktop-headings-variant-1-size);
    font-family: var(--font-zilla-zlab-highlight);
    color: var(--beige-beige);
    font-weight: 700;
}

.text__title--bottom{
    font-size: var(--portafolio-2024-1-desktop-headings-heading-2-size);
    font-family: var(--font-zilla-zlab-highlight);
    color: var(--hot-pink-hot-pink);
    font-weight: 700;
}

.text__description{
    font-size: var(--portafolio-2024-1-desktop-headings-variant-1-size);
    font-family: var(--font-zilla-slab);
    color: var(--beige-beige);
    font-weight: 400;
}
.text__description--highlight{
    font-family: var(--font-zilla-zlab-highlight);
    font-weight: 700;
}

.profile__software{
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 31px;
}

.software__title{
    font-size: var(--portafolio-2024-1-desktop-headings-heading-2-size);
    font-family: var(--font-zilla-zlab-highlight);
    color: var(--hot-pink-hot-pink);
    font-weight: 700;
}


.section--digital-art{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 101px 55px;
}

.wrapper{
    user-select: none;
}

.software__icon{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.carousel-item-global{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 33px;
    padding: 42px;
    background-color: var(--degradado-contenedor);
    box-shadow: var(--portafolio-2024-1-shadow);
}
.carousel-image{
    height: 498px;
}

.carousel-caption{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 95px;
    background-color: var(--degradado-boton);

    font-family: var(--font-zilla-zlab-highlight);
    font-size: var(--portafolio-2024-1-desktop-headings-variant-1-size);
    color: var(--beige-beige);
    font-weight: 700;
    box-shadow: var(--portafolio-2024-1-shadow);
}



.wrapper {
    overflow-x: scroll;
    scrollbar-width: none; /* Hide the scrollbar */
    -ms-overflow-style: none; /* Hide the scrollbar in Internet Explorer */
  
  }
  
  
  .wrapper-inner-global{
      display: flex;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    pointer-events: none;
    gap: 58px;
  }

  .wrapper--photography{
    display: flex;
  }
  
 .section--photography{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 211px;
 }

 .wrapper--photography{
    width: 100%;
 }

 .image-photography-carousel{

    height: 375px;

 }

.photography__image{
    height: min-content;
    width: min-content;
}

 .photography-image{
    height: 261px;
 }

 .section--watercolor{
    padding: 21px 211px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }

 .wrapper--watercolor{
    width: 100%;
 }

 .watercolor-image{
    height: 243px;
 }

.projects__content{
    display: flex;
    gap: 58px;
}

.carousel-item-projects{
    display: flex;
    justify-content: space-around;
}

.projects-image--container{
    height: 452px;
    width: 452px;
    background-color: var(--degradado-boton);
    display: flex;
    box-shadow: var(--portafolio-2024-1-shadow);
    align-items: center;
}



.image-projects-carousel{
    width: 452px;
    height: 452px;
}

.image--blackstones{
    height: 306px;
    width: 452px;
}

 .section--projects{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px 0px;
 }

 .carousel-item{
    box-shadow: var(--portafolio-2024-1-shadow);
 }