@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');

* {
    font-family: 'Maven Pro', sans-serif;  
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.shrink {
    position: fixed;
    background-color: #001952;
    top: 0;
    width: 100%;
    opacity: 100%;
    transition: all 0.8s;
    box-shadow: 0px 8px 30px #080c228a;
    z-index: 1000;
}

#canvas {
    width: 100%;
    height: 100%;
    background: transparent;
    position: fixed;
    z-index: -1;
}

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

::-webkit-scrollbar-track {
    box-shadow: inset 0 6px transparent;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #0d4bde;
    border-radius: 0.75rem;
}

#media {
    height: 35rem;
}