*{
    -webkit-text-stroke: 0 !important;
    -webkit-text-stroke-width: 0%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;

    margin: 0;
    outline: none;
    padding: 0;
    scroll-behavior: smooth;
    text-decoration: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -webkit-user-zoom: none;
    letter-spacing: -0.02em;
    font-weight: 500;
}
button, .pip, .pop {
    cursor: pointer;
}
.flxC{
    display: flex;
    align-items: center;
}
.flxJ{
    display: flex;
    justify-content: center;
}
.flxJC{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pop{
    transition: transform 0.75s ease-in-out;
}
.pop:hover{
    transform: scale(1.1);
    transition: transform 0.5s ease-out;
}
.pop:active,
.pop:hover:active{
    transform: scale(0.9);
}

.cpop{
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.75s ease-in-out;
}
.cpop:hover{
    transform: translateX(-50%) scale(1.1);
    transition: transform 0.5s ease-out;
}
.cpop:active,
.cpop:hover:active{
    transform: translateX(-50%) scale(0.9);
}

.upop{
    transition: all 0.75s ease-in-out;
}
.upop:hover{
    transform: scale(1.05);
    box-shadow: 0px 0px 0px transparent;
    transition: all 0.5s ease-out;
}