/* Custom cursor for non-Firefox browsers */
.custom-cursor-enabled {
  cursor: none;
}

.custom-cursor{
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.resume-page{ 
    z-index: 1000;
    position: fixed;
    width: 48px;
    height: 57px;
    border-radius:100%;
    border: 1px solid black;
}

.resume-page .pointer{  
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: black;
    transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
    overflow: hidden;
}

.resume-page.active .pointer{  
    width: 140px;
    height: 75px;
}

/* Hide the custom cursor on touch devices (mobile/tablet) */
@media (pointer: coarse) {
    .resume-page {
      display: none;
    }
}