@font-face {
    font-family: 'pokeball';
    src: url('../assets/customicons/pokeball.eot');
    src: url('../assets/customicons/pokeball.eot?5fv3ss#iefix') format('embedded-opentype'),
    url('../assets/customicons/pokeball.ttf?5fv3ss') format('truetype'),
    url('../assets/customicons/pokeball.woff?5fv3ss') format('woff'),
    url('../assets/customicons/pokeball.svg?5fv3ss#pokeball') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.icon-pokeball {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'pokeball' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block; /* Ensure the icon is inline-block */
    width: 1.285em; /* This mimics the fixed width from fa-fw */
    text-align: center; /* Center content if needed */
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-pokeball:before {
    content: "\e900";
}