/* === АДАПТИВНОСТЬ ДЛЯ ПЛАНШЕТОВ (1024px) === */
@media (max-width: 1024px) {
    nav {
      display: none;
    }
  
    .main-list {
      gap: 50px;
    }
  
    .home {
      padding: 8vh 5vw 60vh 5vw;
    }
  
    .home__title {
      font-size: 50px;
    }
  
    .info-block {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  
    .info-block__text {
      width: 90%;
    }
  
    .skills-list {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .project {
      text-align: center;
    }
  
    .vinfo-block {
      flex-direction: column;
      text-align: center;
    }
  }
  
  /* === АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ (768px) === */
  @media (max-width: 768px) {
    nav {
        display: none;
    }
  
    nav ul {
      flex-direction: column;
      gap: 10px;
    }
  
    .home {
      padding: 5vh 5vw 40vh 5vw;
    }
  
    .home__title {
      font-size: 40px;
    }
  
    .about__title, 
    .skills__title, 
    .feedback__title {
      font-size: 40px;
      text-align: center;
    }
  
    .skills-list {
      grid-template-columns: repeat(1, 1fr);
    }
  
    .vinfo-block__text {
      width: 100%;
    }
  
    .form__input, .form__button {
      width: 90%;
    }
  }
  
  /* === АДАПТИВНОСТЬ ДЛЯ СМАРТФОНОВ (480px) === */
  @media (max-width: 480px) {
    nav {
        display: none;
    }
  
    .home__title {
      font-size: 30px;
    }
  
    .list-item__link {
      font-size: 20px;
    }
  
    .about__title, 
    .skills__title, 
    .feedback__title {
      font-size: 30px;
    }
  
    .home__subtitle {
      font-size: 18px;
    }
  
    .info-block__text {
      font-size: 16px;
    }
  
    .skills-list {
      grid-template-columns: repeat(1, 1fr);
    }
  
    .valentine {
      padding: 20px;
    }
  
    .valentine__title {
      font-size: 22px;
    }
  
    .valentine__message {
      font-size: 16px;
    }
  
    .valentine__button {
      font-size: 14px;
      padding: 8px 16px;
    }
  
    .form {
      width: 100%;
    }
  }