@font-face {
    font-family: 'roulingo-icons';
    src: url('roulingo-icons.ttf?mbozr4') format('truetype'), url('roulingo-icons.woff?mbozr4') format('woff'), url('roulingo-icons.svg?mbozr4#roulingo-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="roulingo-icon-"],
[class*=" roulingo-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'roulingo-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.roulingo-icon-logout:before {
    content: "\e906";
  }
.roulingo-icon-view:before {
    content: "\e905";
}

.roulingo-icon-user-avatar:before {
    content: "\e904";
}

.roulingo-icon-coin-stack:before {
    content: "\e900";
}

.roulingo-icon-goblet:before {
    content: "\e901";
}

.roulingo-icon-magic-wand:before {
    content: "\e902";
}

.roulingo-icon-knight:before {
    content: "\e903";
}
.roulingo-icon-cross:before {
    content: "\ea0f";
  }