@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;500;700&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-feature-settings: "ss01" on;
}

::selection {
  background: #00FF41;
  color: #050505;
}

.card-lock {
  position: relative;
}

.card-lock .lock-icon,
.card-lock .unlock-icon {
  transition: opacity .2s ease;
}

.card-lock .unlock-icon {
  opacity: 0;
  position: absolute;
  inset: 0;
}

.card-lock:hover .lock-icon {
  opacity: 0;
}

.card-lock:hover .unlock-icon {
  opacity: 1;
}