/* Custom Cursor */
@media (min-width: 765px){ /* you can change this min-width to any value you want. */
    body{
      cursor: none; 
    }
    html,button,a,label,div,h1,input,br{
      cursor: none !important;
    }
    .cursor{
      width: 8px;
      height: 8px;
      background-color: white;
      mix-blend-mode: difference;
    }
    .cursor-outline{
      width: 40px;
      height: 40px;
      border: 2px solid hsla(0,0%,100%,0.5);
      mix-blend-mode: difference;
    }
    .cursor,
    .cursor-outline{
      position: fixed;
      top:0;
      left:0;
      transform: translate(-50%,-50%);
      border-radius: 100px;
      z-index:1000;
      pointer-events: none;
      transition: width .2s ease, height .2s ease;
    }
    .hover{
      width: 20px;
      height: 20px;
    }
    .hover-input{
      width: 8px;
      height: 30px;
    }
    }
    /* Custom Cursor End */

    .user-is-tabbing button:focus {
      transition: outline 0s;
      outline: blue 1px solid !important;
    }