@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url("https://use.typekit.net/yhm5bgi.css");

:root{
  --bg-top:#0a0a0a; --bg-mid:#111111; --bg-bot:#1a1a1a;
  color-scheme: dark;
}
html, body{
  background: linear-gradient(135deg,var(--bg-top),var(--bg-mid) 50%,var(--bg-bot));
  background-color: var(--bg-top);
}

body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #2b2b2b;
}

::-webkit-scrollbar-thumb:hover {
  background: #3d3d3d;
}

::selection {
  background-color: #ad671c;
  color: #fff;
}

.applyonoff {
  color: #d32828;
  font-size: 10px;
  margin-left: 8px;
  animation: beat 1.5s ease-in-out infinite;
  position: relative;
  cursor: pointer;
}

@keyframes beat {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}