.about-info{
    margin-bottom: 30vh;
    background-image: url(../images/about-photo-fundo-texto.png);
    background-size: contain;
    background-size: 100vw;
  }

  .desc-artista{
    padding: 5%;
    margin: auto;
  }

  @media screen and (max-width: 1299px){
    .about-info{
        background-image: url(../images/about-photo-fundo-texto.png);
        background-size: cover;
    background-size: 100% 100%;
      }
    
      .desc-artista{
        padding: 10% 4% 16% 4%;
        margin: auto;
      }
  }

  @media screen and (max-width: 1200px){
.about-info__text {
    padding: var(--vspace-1) 0 0 0;
    margin-left: -50px;
}
}

@media screen and (max-width: 600px){

  .about-info__text h1 {
    margin-left: 17%;
    width: 50%;
    color: black;  
    padding-top: 2.2em;
}
.about-info__text p {
  margin-left: 17%;
}
.about-info__pic {
  padding-left: 0% !important;
  }
  }

  @media screen and (max-width: 450px){
    .about-info{
      background-image: url(../images/about-photo-fundo-texto-mobile.png);
    }

.about-info__pic {
  padding-left: 15% !important;
  }

  .about-info__text h1 {
    padding-top: 0em !important;
}
}
.contact-social{
    display: contents;
}

.contact-social li{
    margin-right: 1em;
}

.contact-social a {
    color: var(--color-black);
}

.skills-list li a{
  cursor: pointer;
  text-decoration: underline;
  color: white !important;
}

.skills-list li a:hover{
  text-decoration: line-through;
  color:#f02700 !important;
}

.skills-list li a::before{
    color: white !important;
}

.about-info__text h1{
    color: black;
}

body svg {
  width: 30vw;
    height: 100%;
    max-height: 410px;
  }
  
  body svg g {
    animation: glitch 4s linear infinite;
    transform-origin: 50% 50%;
  }
  
  
  @keyframes glitch {
    1%{
      transform: rotateX(10deg) skewX(90deg);
    }
    2%{
      transform: rotateX(0deg) skewX(0deg);
    }
  }

  .glitch{

    margin-top: 25%;
}

/* --------------------------------------------------------------------
 * ## intro scrolldown
 * -------------------------------------------------------------------- */
 .intro-scrolldown2 {
    display         : block;
    height          : var(--vspace-1);
    width           : var(--vspace-1);
    display         : flex;
    justify-content : center;
    align-items     : center;
    position        : absolute;
    bottom          : 4.8rem;
    right           : 5.8rem;
}

.intro-scrolldown2 svg {
    height : var(--vspace-0_75);
    width  : var(--vspace-0_75);
}

.intro-scrolldow2 svg path {
    fill       : white;
    transition : all .3s ease-in-out;
}

.intro-scrolldown2:focus svg path,
.intro-scrolldown2:hover svg path {
    fill : var(--color-1);
}

@media screen and (max-width: 1200px) {
  body svg {
    width: 70vw;
      height: 100%;
      max-height: 410px;
    }
    .intro-scrolldown2 {
        right : 4rem;
    }
}

@media screen and (max-width: 600px) {
    .intro-scrolldown2 {
        right : 2.4rem;
    }
}

a {
    color: white;
}

about-info__pic-block{
  max-height: 700px;
}

.about-info__pic {
  padding-left: 25%;
  max-height: 600px;
}

.text-pretitle {
  font-family: var(--font-2);
  font-size: var(--text-display-1);
}


.text-normal{
  font-size: larger;
  font-weight: 300;
}