<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.skill-container {
  scroll-padding-top: 200px;
  padding: 110px 80px 0;
}

.skill-container ul {
  list-style-type: none;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.skill-container ul li {
  background-color: var(--background-gray);
  border: 2px solid var(--color-gray);
  padding: 15px 30px;
  border-radius: 5px;
  color: var(--color-gray);
  font-family: var(--font-regular);
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 1100px) {
  .skill-container {
    padding: 110px 30px 30px;
  }

  .skill-container ul li {
    padding: 8px 16px;
  }
}

@media only screen and (max-width: 800px) {
  .skill-container {
    padding: 110px 15px 0;
  }
  .skill-container ul {
    justify-content: center;
  }
}
</pre></body></html>