/* Hubot Sans Bold */ @font-face { font-family: 'Hubot Sans Bold'; src: url('../materials/fonts/HubotSans-Bold.woff2') format('woff2'); font-weight: bold; }
/* Hubot Sans Medium */ @font-face { font-family: 'Hubot Sans Medium'; src: url('../materials/fonts/HubotSans-Medium.woff2') format('woff2'); font-weight: 500; }
/* Hubot Sans Regular */ @font-face { font-family: 'Hubot Sans Regular'; src: url('../materials/fonts/HubotSans-Regular.woff2') format('woff2'); font-weight: 400; }

/* Open Sans Light */ @font-face { font-family: 'Open Sans Light'; src: url('../materials/fonts/OpenSans-Light.woff2') format('woff2'); font-weight: 300; }
/* Open Sans Medium */ @font-face { font-family: 'Open Sans Medium'; src: url('../materials/fonts/OpenSans-Medium.woff2') format('woff2'); font-weight: 500; }
/* Open Sans Regular */ @font-face { font-family: 'Open Sans Regular'; src: url('../materials/fonts/OpenSans-Regular.woff2') format('woff2'); font-weight: 400; }

/* Roboto Light */ @font-face { font-family: 'Roboto Light'; src: url('../materials/fonts/Roboto-Light.woff2') format('woff2'); font-weight: 300; }
/* Roboto Medium */ @font-face { font-family: 'Roboto Medium'; src: url('../materials/fonts/Roboto-Medium.woff2') format('woff2'); font-weight: 500; }

/* Syncopate Bold */ @font-face { font-family: 'Syncopate Bold'; src: url('../materials/fonts/Syncopate-Bold.woff2') format('woff2'); font-weight: bold; }
/* Syncopate Regular */ @font-face { font-family: 'Syncopate'; src: url('../materials/fonts/Syncopate-Regular.woff2') format('woff2'); font-weight: 400; }

/* Basier Square Mono */ @font-face { font-family: 'Basier Mono'; src: url('../materials/fonts/BasierSquareMono.woff2') format('woff2'); font-weight: normal; font-style: normal; }
/* Nudica Medium */ @font-face { font-family: 'Nudica'; src: url('../materials/fonts/Nudica.woff2') format('woff2'); font-weight: normal; font-style: normal; }
/* Round 8 Four */ @font-face { font-family: 'Round8'; src: url('../materials/fonts/Round8.woff2') format('woff2'); font-weight: normal; font-style: normal; }
/* Wix */ @font-face { font-family: 'Wix'; src: url('../materials/fonts/Wix.ttf'); font-weight: bold; font-style: normal; }
/* Neue */ @font-face { font-family: 'Neue'; src: url('../materials/fonts/NeueHaas.ttf'); font-weight: normal; font-style: normal; }
/* Apercu Regular */ @font-face { font-family: 'Apercu'; src: url('../materials/fonts/Apercu.otf'); font-weight: normal; font-style: normal; }
/* Apercu Mono */ @font-face { font-family: 'Apercu Mono'; src: url('../materials/fonts/ApercuMono.otf'); font-weight: normal; font-style: normal; }
/* Tan Pearl */ @font-face { font-family: 'TanPearl'; src: url('../materials/fonts/TanPearl.otf'); font-weight: normal; font-style: normal; }

* 
{   font-family: Helvetica, sans-serif;
    font-family: Basier Mono;
    font-family: Nudica;
    font-family: ROUND8;
    font-family: Wix;
    font-family: Neue;
    font-family: Apercu;
    font-family: Apercu Mono;   
    font-family: TanPearl;    
    
    font-family: Syncopate;    
    font-family: Syncopate Bold;   

    font-family: Roboto Light;  
    font-family: Roboto Medium; 

    font-family: Open Sans Light;  
    font-family: Open Sans Medium;  
    font-family: Open Sans Regular;

    font-family: Hubot Sans Regular;  
    font-family: Hubot Sans Medium;  
    font-family: Hubot Sans Bold;  
}
.fontstyles h1,
.fontstyles h2,
.fontstyles h3,
.fontstyles h4,
.fontstyles h5,
.fontstyles h6,
.fontstyles p,
.fontstyles ul,
.fontstyles li,
.fontstyles a,
.fontstyles button,
.fontstyles span
{
    font-family: TanPearl;    
    font-family: Hubot Sans regular;
    text-decoration: none;  
    /* color: #111111; */
    color: #b3b3b3;
}
.fontstyles #part2 ul li a {
    font-family: Hubot Sans Regular ;   
}

.tb-shadows{
    box-shadow: 0 1rem 3rem rgba(3, 41, 22, 0.8) !important;
    text-shadow: 0.6rem 0.1rem 3rem rgba(123, 135, 129, 0.4) !important;
}
.b-shadows{
    box-shadow: 0 1rem 3rem rgba(3, 41, 22, 0.8) !important;
}
.t-shadows{
    text-shadow: 0.6rem 0.1rem 3rem rgba(123, 135, 129, 0.4) !important;
}