.skills--block-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 20px;
  height: 100%;
  justify-content: flex-start;
  padding-left: 30px;
  width: 100%;
}

.skills--container {
  height: auto;
  top: 800px;
  width: 100%;
}

.skills--middle-column {
   margin-bottom: 150px;
}

.skills--scroll-to-point {
  bottom: 100px;
  position: relative;
}

.skills--skill-block {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
}

.skills--skill-tab {
  height: 100%;
  margin-right: 2px;
  width: 4px;
}

.skills--skill-tab-2 {
  height: 100%;
  margin-right: 2px;
  width: 1px;
}

.skills--skills-box {
  align-items: flex-start;
  display: flex;
  height: 30px;
  justify-content: center;
  margin-bottom: 5px;
  padding-left: 5px;
}

/* Media queries for responsive design */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .skills--block-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 200px;
    justify-content: flex-start;
    width: 100%;
  }
}