@use "colors" as *

body, html
  font-family: 'Inter', sans-serif
  margin: 0
  padding: 0
  background-color: $background
  color: $text
  height: 100vh

.glassy
  background-color: rgba(183, 174, 160, 0.2)
  border: 1px solid rgba(183, 174, 160, 0.2)
  backdrop-filter: blur(10px)
  border-radius: 10px

::-webkit-scrollbar
  width: 13px

::-webkit-scrollbar-thumb
  background: lighten($background, 2%)
  border-radius: 10px

::-webkit-scrollbar-thumb:hover
  background: darken($background, 5%)

@keyframes bounceIn
  from
    transform: scale(-0.95) rotate(3deg)
  50%
    transform: scale(1.02) rotate(-3deg)
  to
    transform: scale(1) rotate(0deg)