@media all and (max-width: 47.9375em) {
  html {
    font-size: 43.75%;
  }

  .cabecalho {
    & .nav {
      & .hamburger {
        display: block;
        z-index: 1;
      }

      & .nav-list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: var(--verde-musgo);
        clip-path: circle(100px at 90% -15%);
        transition: clip-path 0.3s ease-out, opacity 0.3s ease-out; /* Tempo de transição ajustado */

        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10rem;

        pointer-events: none;

        & a {
          font-size: 24px;
          opacity: 0;
          transition: opacity 0.3s ease-out; /* Tempo de transição ajustado para a opacidade */
        }

        & li:nth-child(1) a {
          transition: opacity 0.3s ease-out 0.2s;
        }

        & li:nth-child(2) a {
          transition: opacity 0.3s ease-out 0.4s;
        }

        & li:nth-child(3) a {
          transition: opacity 0.3s ease-out 0.6s;
        }
      }
    }

    & .nav.active .nav-list {
      clip-path: circle(1500px at 90% -15%);
      pointer-events: all;

      & a {
        opacity: 1;
      }
    }

    & .nav.active .hamburger {
      position: fixed;
      top: 26px;
      right: 16px;
      border-top-color: transparent;

      &::before {
        transform: rotate(135deg);
      }

      &::after {
        transform: rotate(-135deg);
        top: -7px;
      }
    }
  }

  .sobre-mim {
    & .container {
      & .apresentacao {
        &.bloco1 {
          flex-flow: column;
          & .lais-rodriguez {
            text-align: center;
            & h1 {
              font-size: 5.73;
            }
          }
          & .img-lais {
            width: 40rem;
            height: 40rem;
            & img {
              border-radius: 50%;
            }
          }
        }

        &.bloco2 {
          gap: 1rem;
          flex-flow: column;
          & .container-titulo-img {
            & .img-sobremim {
              width: 22rem;
            }
          }
          & .txt-sobremim {
            display: flex;
            flex-flow: column;
            align-items: start;
            justify-content: end;
          }
        }

        &.bloco3 {
          & .sitacoes {
            display: flex;
            flex-flow: column;
            gap: 5rem;
          }

          & .img-sobremim {
            max-width: 20rem;
          }
        }
      }
    }
  }

  .aulas {
    & .container {
      & .sobre-aulas {
        & .video-aula {
          & video {
            max-width: 48rem;
          }
        }
      }
    }
  }
}