@font-face {
    font-family: "Phosphor";
    src: url("../fonts/Phosphor.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Phosphor-Light";
    src: url("../fonts/Phosphor-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Phosphor-Fill";
    src: url("../fonts/Phosphor-Fill.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

.ph, .ph-light, .ph-fill {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    vertical-align: middle;
}

.ph { font-family: "Phosphor"; }
.ph-light { font-family: "Phosphor-Light"; }
.ph-fill { font-family: "Phosphor-Fill"; }

/* The 30 Explicit Icons Used in Project */
.ph-moon::before { content: "\e330"; } .ph-sun::before { content: "\e472"; } .ph-caret-down::before { content: "\e136"; }
.ph-list::before { content: "\e2f0"; } .ph-x::before { content: "\e4f6"; } .ph-arrow-right::before { content: "\e06c"; }
.ph-phone::before { content: "\e3b8"; } .ph-envelope::before { content: "\e214"; } .ph-map-pin::before { content: "\e316"; }
.ph-clock::before { content: "\e19a"; } .ph-arrow-square-out::before { content: "\e5de"; } .ph-quotes::before { content: "\e660"; }
.ph-intersect::before { content: "\e2d2"; } .ph-door-open::before { content: "\e7e6"; } .ph-user-focus::before { content: "\e6fc"; }
.ph-arrows-split::before { content: "\ed3c"; } .ph-shield::before { content: "\e40a"; } .ph-puzzle-piece::before { content: "\e596"; }
.ph-scales::before { content: "\e750"; } .ph-hand-heart::before { content: "\e810"; } .ph-globe::before { content: "\e288"; }
.ph-certificate::before { content: "\e766"; } .ph-map-trifold::before { content: "\e31a"; } .ph-compass::before { content: "\e1c8"; }
.ph-plus::before { content: "\e3d4"; } .ph-check-circle::before { content: "\e184"; } .ph-calendar-plus::before { content: "\e714"; }
.ph-handshake::before { content: "\e582"; } .ph-steps::before { content: "\ecbe"; } .ph-star::before { content: "\e46a"; }