@font-face {
    font-family: 'icomoon';
    src:  url('/fonts/webfonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'icomoon';
    src:  url('/fonts/webfonts/icomoon-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'monofur';
    src:  url('/fonts/webfonts/monof55.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.font-monofur {
    letter-spacing: 2px;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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;
}

.icon-tomato-22 .path1:before {
    content: "\e90e";
    color: rgb(248, 48, 48);
    font-weight: 200;
}

.icon-tomato-22 .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(248, 48, 48);
    font-weight: 200;
}
.icon-tomato-22 .path3:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(68, 170, 0);
    font-weight: 200;
}
.icon-tomato-22 .path4:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(68, 170, 0);
    font-weight: 200;
}
.icon-grinning-face:before {
    content: "\e916";
}
.icon-grinning-face1:before {
    content: "\e917";
}
.icon-face-glasses:before {
    content: "\e918";
}
.icon-face-glasses1:before {
    content: "\e919";
}

.icon-tomato:before {
    content: "\e90b";
}

.icon-moon-centered:before {
    content: "\e903";
    color: #95f;
}
.icon-sun-centered:before {
    content: "\e904";
    color: #fc0;
}
.icon-checkmark:before {
    content: "\e900";
}
.icon-clock:before {
    content: "\e901";
}
.icon-snooze:before {
    content: "\e902";
}
.icon-clock-white .path1:before {
    content: "\e902";
    font-weight: 300;
    font-size: inherit;
    color: rgb(245, 245, 245);
}
.icon-clock-white .path2:before {
    content: "\e905";
    margin-left: -1em;
    font-weight: 300;
    font-size: inherit;
    color: rgb(255, 102, 0);
}
.icon-cross:before {
    content: "\e906";
}
.icon-lab:before {
    content: "\e9aa";
}
.icon-sleepy:before {
    content: "\e9fd";
}

.icon-lightbulb:before {
    content: "\e90a";
}
.icon-bulb:before {
    content: "\e909";
}
.icon-lab1:before {
    font-weight: 600;
    content: "\e907";
}
.icon-lab-flask:before {
    content: "\e908";
}
.icon-bell-off:before {
    content: "\e921";
}
.icon-lab:before {
    content: "\e9aa";
}
.icon-tomato-bw:before {
  content: "\e990";
}