* {
  pointer-events: none;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
html {
  height: 100%;
  overscroll-behavior: none;
}
body {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #161717;
  margin: 0;
}
.container {
  height: 100%;
  display: flex;
  place-items: center;
}

/* Адаптив */
@media (max-width: 900px) {
  .container {
    transform: scale(80%);
  }
}

@media (max-width: 600px) {
  .container {
    transform: scale(50%);
  }
}

.wrapper {
  width: var(--size);
  height: var(--size);
  position: relative;
}

/* Вращающаяся внешняя звезда */
.outer-star {
  position: absolute;
  inset: 0;
  animation: spin var(--speed) linear infinite;
  will-change: transform;
}

/* Статичный элемент внутри */
.inner-icon {
  position: absolute;
  inset: 40%;
  display: grid;
  place-items: center;
}

:root {
  --size: 180px; /* размер контейнера */
  --speed: 6s; /* скорость вращения */
}

svg {
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes spin {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}