@media (max-width: 500px) {
   .title {
    font-size: 18px;
   }
   .link-footer {
    font-size: 18px;
   }
   .page {
    display: grid;
   }
   .work-info {
    display: block;
    max-width: 60ch;
   }
   /* .work-item.is-active { 
    margin-right: 28px;
    border-right: 1px solid black;
    margin-left: 5px;
  } */
  .name-container-work,
    .name-container-about,
  .name-container-skills { 
    font-family: "Mozilla Text", sans-serif;
    font-size: 18px; 
    font-weight: 400; 
    color: red;
}
    .name-container-about,
    .name-container-skills {
      padding-top: 20px;
    }

.skills-list {
  font-size: 2px;
}
.contact {
  padding-top: 40px;
}
}


@media (min-width: 900px) {
  .work-info {
    width: 60ch;
  }
}