* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.main {
    width: 100%;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}



/* Chrome / Edge / Safari */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #0f0f1f; /* тёмный фон под фиолетовый */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4f46e5, #3730a3);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #3730a3, #2a237a);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #3730a3 #0f0f1f;
}