:root {
  --black: #000000;
  --grey1: #a3a3a3;
  --grey2: #383838;
  --white: #ffffff;
  --green: rgb(145, 2, 255);
}
*{
    cursor: none;
}
.small {
    height: 10px;
    width: 10px;
    background-color: var(--green);
    border-radius: 10px;
    filter: drop-shadow(0 0 5px var(--green)) drop-shadow(0 0 20px var(--green));
    z-index: 400;
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: height 0.2s, width 0.2s;
}
  .big {
    height: 50px;
    width: 50px;
    border: 3px solid var(--green);
    border-radius: 100px;
    filter: drop-shadow(0 0 5px var(--green)) drop-shadow(0 0 20px var(--green));
    z-index: 400;
    position: fixed;
    pointer-events: none;
    transform: translate(calc(-50%), -50%);
    transition: height 0.5s, width 0.5s, filter 0.5s;
  }
  .hover__big {
    height: 100px;
    width: 100px;
    filter: drop-shadow(0 0 5px var(--green)) drop-shadow(0 0 20px var(--green)) drop-shadow(0 0 40px var(--green));
    
    transition: height 0.5s, width 0.5s, filter 0.5s;
  }
  .hover__small {
    height: 8px;
    width: 8px;
    
    transition: height 0.2s, width 0.2s;
  }
  @media only screen and (max-width: 850px) {
    .nav {
      flex-direction: column;
      gap: 1em;
    }
    
    .menu {
      width: 100%;
    }
  }