* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

body {
    font-family: "Inter var", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: underline;
}

.highlight:hover {
  background-color: rgb(36, 36, 36);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* effect for the icons */
.skill-icon {
    transition: transform 0.5s ease, box-shadow 0.3s ease;
}

.skill-icon:hover {
    transform: scale(2.5) rotate(15deg); 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); 
}