* {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    list-style-type: none;
    box-sizing: border-box !important;
    z-index: 0;
    min-width: 0;
}
html, body {
    height: 100%;
    width: 100%;
}
form button {
    width: 100%;
    margin-bottom: 10px;
    font-size: medium;
    padding: 10px 5px;
    border-radius: 18px;
}
#site {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header"
                         "main"
                         "footer";
    background-image: url('../images/bg.jpg');
    
    aspect-ratio: 2 / 1;
    margin: 0 auto;
    max-width: 50%;
    padding: 20px;
    overflow: hidden;
}
#site > header {
    grid-area: header;
    display: flex;
    justify-content: center;
    align-items: center;
}
#site > main {
    grid-area: main;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "left_name middle_picture right_name";
    overflow: hidden;
}
#site > footer {
    grid-area: footer;
    display: flex;
    justify-content: center;
    align-items: center;
}
#left_name {
    grid-area: left_name;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Action Man Extended Bold';
    font-size: 16px;
}
#middle_picture {
    grid-area: middle_picture;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}
#right_name {
    grid-area: right_name;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Action Man Extended Bold';
    font-size: 16px;
}
#surname {
    font-family: 'Action Man Extended Bold';
    font-size: 24px;
}
#epitaph {
    font-family: 'Action Man Extended Bold';
    font-size: 16px;
}
dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    visibility: hidden;
    min-width: 380px;
    /*width: 30%;
    max-width: 500px;*/
    max-height: 80vh;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, .25);
    overflow-y: scroll;
}
.full {
    width: 100%;
}
#expand_button_container {
    top: 0;
    left: 0;
    position: fixed;
    display: flex;
    flex-direction: column;
    visibility: visible;
}
#expand_button {
    font-size: 48px;
    padding: 0px 10px 5px 10px;
    margin: 10px 0px 0px 10px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.5);
}
dialog form {
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
}
#imageUpload {
    display: none;
}
.image_slider_container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "image_text"
                         "image_slider";
    width: 100%;
    padding: 10px;
}
.image_text {
    grid-area: image_text;
}
.image_slider {
    grid-area: image_slider;
}
  .custom-select select {
    /* ... */
    background-color: var(--dropdown-background);
    border-radius: var(--dropdown-border-radius);
    color: var(--dropdown-text-color);
    border: 1px solid var(--dropdown-border-color);
  }
  
  .custom-select select:hover {
    background-color: var(--dropdown-hover-color);
  }
  
  .custom-select::before {
    /* ... */
    border-bottom: var(--size) solid var(--dropdown-icon-color)
  }
  
  .custom-select::after {
    /* ... */
    border-top: var(--size) solid var(--dropdown-icon-color);
  }
  .custom-select select {
    /* ... */
    background-color: #000;
    color: #fff;
  }
  
  .custom-select::before {
    /* ... */
    border-bottom: var(--size) solid #fff;
  }
  
  .custom-select::after {
    /* ... */
    border-top: var(--size) solid #fff;
  }
  .custom-select::before,
.custom-select::after {
  --size: 0.3rem;
  position: absolute;
  content: "";
  right: 1rem;
  pointer-events: none;
}

.custom-select::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 31%;
}
label {
    display: block;
    text-align: center;
}
.custom-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 45%;
}
.custom-select {
    /* ... */
    position: relative;
  }
  .custom-select select {
    appearance: none;
    width: 100%;
    font-size: .9rem;
    padding: 0.675em 2em 0.675em 1em;
    background-color: #fff;
    border: 1px solid #caced1;
    border-radius: 0.25rem;
    color: #000;
    cursor: pointer;
  }
  
.portrait-mask {
    width: 300px; /* Adjust as needed */
    height: 400px; /* Adjust as needed */
    overflow: hidden;
    border-radius: 50% / 50%; /* Creates the oval shape */
  }
  
  .portrait-mask img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image fills the mask */
  }
  .slider_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "text counter"
                         "slider slider";
  }
  .slider_text {
    grid-area: text;
  }
  .slider_counter {
    grid-area: counter;
  }
  .slider_slider {
    grid-area: slider;
    
  }
  .slider_text, .slider_counter, .slider_slider {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 1500px) {
    #site {
        padding: 10px;
        max-width: 80%;

    }
    dialog {
        /*max-width: 340px;
        min-width: 340px;*/
    }
  }
  @media (max-width: 1200px) {
    /* CSS rules to apply when screen width is 1200px or smaller */
    #site {
        max-width: 80%;
    }
    dialog {
        /*max-width: 340px;
        min-width: 340px;*/
    }
  }
  @media (max-width: 1920px){
    #site {
        max-width: 80%;
    }
  }
  input[type=range] {
    -webkit-appearance: none;
    width: 100%;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 16px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #B6B6B6;
    border-radius: 25px;
    border: 1px solid #8A8A8A;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #828282;
    border: 1px solid #8A8A8A;
    height: 24px;
    width: 35px;
    border-radius: 6px;
    background: #DADADA;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #B6B6B6;
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 16px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #B6B6B6;
    border-radius: 25px;
    border: 1px solid #8A8A8A;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #828282;
    border: 1px solid #8A8A8A;
    height: 24px;
    width: 35px;
    border-radius: 6px;
    background: #DADADA;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 16px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: #B6B6B6;
    border: 1px solid #8A8A8A;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000;
  }
  input[type=range]::-ms-fill-upper {
    background: #B6B6B6;
    border: 1px solid #8A8A8A;
    border-radius: 50px;
    box-shadow: 0px 0px 0px #000000;
  }
  input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 1px 1px 1px #828282;
    border: 1px solid #8A8A8A;
    height: 24px;
    width: 35px;
    border-radius: 6px;
    background: #DADADA;
    cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #B6B6B6;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #B6B6B6;
  }
  
/* fonts */
@font-face {
    font-family: 'Action Man Italic';
    src: url('../fonts/Action Man Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Shaded Italic';
    src: url('../fonts/Action Man Shaded Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Shaded';
    src: url('../fonts/Action Man Shaded.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man';
    src: url('../fonts/Action Man.ttf') format('truetype');
}
@font-face {
    font-family: 'AlexBrush-Regular';
    src: url('../fonts/AlexBrush-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Allura-Regular';
    src: url('../fonts/Allura-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'AmaticSC-Bold';
    src: url('../fonts/AmaticSC-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'AmaticSC-Regular';
    src: url('../fonts/AmaticSC-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'AMERIKA';
    src: url('../fonts/AMERIKA_.ttf') format('truetype');
}
@font-face {
    font-family: 'AMERIKAA';
    src: url('../fonts/AMERIKAA.ttf') format('truetype');
}
@font-face {
    font-family: 'AMERSN';
    src: url('../fonts/AMERSN__.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-Bold';
    src: url('../fonts/AndadaPro-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-BoldItalic';
    src: url('../fonts/AndadaPro-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-ExtraBold';
    src: url('../fonts/AndadaPro-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-ExtraBoldItalic';
    src: url('../fonts/AndadaPro-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-Italic';
    src: url('../fonts/AndadaPro-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-Italic-VariableFont_wght';
    src: url('../fonts/AndadaPro-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-Medium';
    src: url('../fonts/AndadaPro-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-MediumItalic';
    src: url('../fonts/AndadaPro-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-Regular';
    src: url('../fonts/AndadaPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-SemiBold';
    src: url('../fonts/AndadaPro-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-SemiBoldItalic';
    src: url('../fonts/AndadaPro-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'AndadaPro-VariableFont_wght';
    src: url('../fonts/AndadaPro-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-Bold';
    src: url('../fonts/Antonio-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-ExtraLight';
    src: url('../fonts/Antonio-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-Light';
    src: url('../fonts/Antonio-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-Medium';
    src: url('../fonts/Antonio-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-Regular';
    src: url('../fonts/Antonio-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-SemiBold';
    src: url('../fonts/Antonio-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-Thin';
    src: url('../fonts/Antonio-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Antonio-VariableFont_wght';
    src: url('../fonts/Antonio-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Arvo-Bold';
    src: url('../fonts/Arvo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Arvo-BoldItalic';
    src: url('../fonts/Arvo-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Arvo-Italic';
    src: url('../fonts/Arvo-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Arvo-Regular';
    src: url('../fonts/Arvo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('../fonts/BebasNeue-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Bungee-Regular';
    src: url('../fonts/Bungee-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'cac_champagne';
    src: url('../fonts/cac_champagne.ttf') format('truetype');
}
@font-face {
    font-family: 'CamingoCode-Bold';
    src: url('../fonts/CamingoCode-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'CamingoCode-BoldItalic';
    src: url('../fonts/CamingoCode-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'CamingoCode-Italic';
    src: url('../fonts/CamingoCode-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'CamingoCode-Regular';
    src: url('../fonts/CamingoCode-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'CaviarDreams';
    src: url('../fonts/CaviarDreams.ttf') format('truetype');
}
@font-face {
    font-family: 'CaviarDreams_Bold';
    src: url('../fonts/CaviarDreams_Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'CaviarDreams_BoldItalic';
    src: url('../fonts/CaviarDreams_BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'CaviarDreams_Italic';
    src: url('../fonts/CaviarDreams_Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Chunkfive.otf';
    src: url('../fonts/Chunkfive.otf') format('opentype');
}
@font-face {
    font-family: 'Coiny-Regular';
    src: url('../fonts/Coiny-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'ColabReg.otf';
    src: url('../fonts/ColabReg.otf') format('opentype');
}
@font-face {
    font-family: 'COMIZ___';
    src: url('../fonts/COMIZ___.ttf') format('truetype');
}
@font-face {
    font-family: 'courier-prime-sans.regular';
    src: url('../fonts/courier-prime-sans.regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DancingScript-Bold';
    src: url('../fonts/DancingScript-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'DancingScript-Medium';
    src: url('../fonts/DancingScript-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'DancingScript-Regular';
    src: url('../fonts/DancingScript-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DancingScript-SemiBold';
    src: url('../fonts/DancingScript-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'DancingScript-VariableFont_wght';
    src: url('../fonts/DancingScript-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Domine-Bold';
    src: url('../fonts/Domine-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Domine-Medium';
    src: url('../fonts/Domine-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Domine-Regular';
    src: url('../fonts/Domine-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Domine-SemiBold';
    src: url('../fonts/Domine-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Domine-VariableFont_wght';
    src: url('../fonts/Domine-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'droid-sans.regular';
    src: url('../fonts/droid-sans.regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Eczar-Bold';
    src: url('../fonts/Eczar-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Eczar-ExtraBold';
    src: url('../fonts/Eczar-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Eczar-Medium';
    src: url('../fonts/Eczar-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Eczar-Regular';
    src: url('../fonts/Eczar-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Eczar-SemiBold';
    src: url('../fonts/Eczar-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Eczar-VariableFont_wght';
    src: url('../fonts/Eczar-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-Black';
    src: url('../fonts/EncodeSans_Condensed-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-Bold';
    src: url('../fonts/EncodeSans_Condensed-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-ExtraBold';
    src: url('../fonts/EncodeSans_Condensed-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-ExtraLight';
    src: url('../fonts/EncodeSans_Condensed-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-Light';
    src: url('../fonts/EncodeSans_Condensed-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-Medium';
    src: url('../fonts/EncodeSans_Condensed-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-Regular';
    src: url('../fonts/EncodeSans_Condensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-SemiBold';
    src: url('../fonts/EncodeSans_Condensed-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Condensed-Thin';
    src: url('../fonts/EncodeSans_Condensed-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-Black';
    src: url('../fonts/EncodeSans_Expanded-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-Bold';
    src: url('../fonts/EncodeSans_Expanded-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-ExtraBold';
    src: url('../fonts/EncodeSans_Expanded-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-ExtraLight';
    src: url('../fonts/EncodeSans_Expanded-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-Light';
    src: url('../fonts/EncodeSans_Expanded-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-Medium';
    src: url('../fonts/EncodeSans_Expanded-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-Regular';
    src: url('../fonts/EncodeSans_Expanded-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-SemiBold';
    src: url('../fonts/EncodeSans_Expanded-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_Expanded-Thin';
    src: url('../fonts/EncodeSans_Expanded-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-Black';
    src: url('../fonts/EncodeSans_SemiCondensed-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-Bold';
    src: url('../fonts/EncodeSans_SemiCondensed-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-ExtraBold';
    src: url('../fonts/EncodeSans_SemiCondensed-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-ExtraLight';
    src: url('../fonts/EncodeSans_SemiCondensed-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-Light';
    src: url('../fonts/EncodeSans_SemiCondensed-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-Medium';
    src: url('../fonts/EncodeSans_SemiCondensed-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-Regular';
    src: url('../fonts/EncodeSans_SemiCondensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-SemiBold';
    src: url('../fonts/EncodeSans_SemiCondensed-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiCondensed-Thin';
    src: url('../fonts/EncodeSans_SemiCondensed-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-Black';
    src: url('../fonts/EncodeSans_SemiExpanded-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-Bold';
    src: url('../fonts/EncodeSans_SemiExpanded-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-ExtraBold';
    src: url('../fonts/EncodeSans_SemiExpanded-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-ExtraLight';
    src: url('../fonts/EncodeSans_SemiExpanded-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-Light';
    src: url('../fonts/EncodeSans_SemiExpanded-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-Medium';
    src: url('../fonts/EncodeSans_SemiExpanded-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-Regular';
    src: url('../fonts/EncodeSans_SemiExpanded-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-SemiBold';
    src: url('../fonts/EncodeSans_SemiExpanded-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans_SemiExpanded-Thin';
    src: url('../fonts/EncodeSans_SemiExpanded-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-Black';
    src: url('../fonts/EncodeSans-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-Bold';
    src: url('../fonts/EncodeSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-ExtraBold';
    src: url('../fonts/EncodeSans-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-ExtraLight';
    src: url('../fonts/EncodeSans-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-Light';
    src: url('../fonts/EncodeSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-Medium';
    src: url('../fonts/EncodeSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-Regular';
    src: url('../fonts/EncodeSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-SemiBold';
    src: url('../fonts/EncodeSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-Thin';
    src: url('../fonts/EncodeSans-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'EncodeSans-VariableFont_wdth,wght';
    src: url('../fonts/EncodeSans-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Existence-Light.otf';
    src: url('../fonts/Existence-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Existence-Light.PFB';
    src: url('../fonts/Existence-Light.PFB');
}
@font-face {
    font-family: 'Existence-Light.PFM';
    src: url('../fonts/Existence-Light.PFM');
}
@font-face {
    font-family: 'Existence-Light';
    src: url('../fonts/Existence-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Existence-StencilLight.otf';
    src: url('../fonts/Existence-StencilLight.otf') format('opentype');
}
@font-face {
    font-family: 'Existence-UnicaseLight.otf';
    src: url('../fonts/Existence-UnicaseLight.otf') format('opentype');
}
@font-face {
    font-family: 'Exo-Black';
    src: url('../fonts/Exo-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-BlackItalic';
    src: url('../fonts/Exo-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-Bold';
    src: url('../fonts/Exo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-BoldItalic';
    src: url('../fonts/Exo-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-ExtraBold';
    src: url('../fonts/Exo-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-ExtraBoldItalic';
    src: url('../fonts/Exo-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-ExtraLight';
    src: url('../fonts/Exo-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-ExtraLightItalic';
    src: url('../fonts/Exo-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-Italic';
    src: url('../fonts/Exo-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-Italic-VariableFont_wght';
    src: url('../fonts/Exo-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-Light';
    src: url('../fonts/Exo-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-LightItalic';
    src: url('../fonts/Exo-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-Medium';
    src: url('../fonts/Exo-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-MediumItalic';
    src: url('../fonts/Exo-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-Regular';
    src: url('../fonts/Exo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-SemiBold';
    src: url('../fonts/Exo-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-SemiBoldItalic';
    src: url('../fonts/Exo-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-Thin';
    src: url('../fonts/Exo-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-ThinItalic';
    src: url('../fonts/Exo-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Exo-VariableFont_wght';
    src: url('../fonts/Exo-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-Black';
    src: url('../fonts/FiraSans-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-BlackItalic';
    src: url('../fonts/FiraSans-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-Bold';
    src: url('../fonts/FiraSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-BoldItalic';
    src: url('../fonts/FiraSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-ExtraBold';
    src: url('../fonts/FiraSans-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-ExtraBoldItalic';
    src: url('../fonts/FiraSans-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-ExtraLight';
    src: url('../fonts/FiraSans-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-ExtraLightItalic';
    src: url('../fonts/FiraSans-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-Italic';
    src: url('../fonts/FiraSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-Light';
    src: url('../fonts/FiraSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-LightItalic';
    src: url('../fonts/FiraSans-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-Medium';
    src: url('../fonts/FiraSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-MediumItalic';
    src: url('../fonts/FiraSans-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-Regular';
    src: url('../fonts/FiraSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-SemiBold';
    src: url('../fonts/FiraSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-SemiBoldItalic';
    src: url('../fonts/FiraSans-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-Thin';
    src: url('../fonts/FiraSans-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'FiraSans-ThinItalic';
    src: url('../fonts/FiraSans-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'GentiumPlus-Bold';
    src: url('../fonts/GentiumPlus-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'GentiumPlus-BoldItalic';
    src: url('../fonts/GentiumPlus-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'GentiumPlus-Italic';
    src: url('../fonts/GentiumPlus-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'GentiumPlus-Regular';
    src: url('../fonts/GentiumPlus-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'GOODDC__';
    src: url('../fonts/GOODDC__.ttf') format('truetype');
}
@font-face {
    font-family: 'GOODDP__';
    src: url('../fonts/GOODDP__.ttf') format('truetype');
}
@font-face {
    font-family: 'GoudyBookletter1911-Regular';
    src: url('../fonts/GoudyBookletter1911-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'GrandHotel-Regular';
    src: url('../fonts/GrandHotel-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'GreatVibes-Regular';
    src: url('../fonts/GreatVibes-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'HennyPenny-Regular';
    src: url('../fonts/HennyPenny-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Heuristica-Bold.otf';
    src: url('../fonts/Heuristica-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Heuristica-BoldItalic.otf';
    src: url('../fonts/Heuristica-BoldItalic.otf') format('opentype');
}
@font-face {
    font-family: 'Heuristica-Italic.otf';
    src: url('../fonts/Heuristica-Italic.otf') format('opentype');
}
@font-face {
    font-family: 'Heuristica-Regular.otf';
    src: url('../fonts/Heuristica-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'JOURNAL';
    src: url('../fonts/JOURNAL.ttf') format('truetype');
}
@font-face {
    font-family: 'junicode.italic';
    src: url('../fonts/junicode.italic.ttf') format('truetype');
}
@font-face {
    font-family: 'junicode.regular';
    src: url('../fonts/junicode.regular.ttf') format('truetype');
}
@font-face {
    font-family: 'KaushanScript-Regular';
    src: url('../fonts/KaushanScript-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'kelvinch.bold.otf';
    src: url('../fonts/kelvinch.bold.otf') format('opentype');
}
@font-face {
    font-family: 'kelvinch.bold-italic.otf';
    src: url('../fonts/kelvinch.bold-italic.otf') format('opentype');
}
@font-face {
    font-family: 'KMKDSKBW';
    src: url('../fonts/KMKDSKBW.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSP__';
    src: url('../fonts/KMKDSP__.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPB_';
    src: url('../fonts/KMKDSPB_.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPBW';
    src: url('../fonts/KMKDSPBW.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPK_';
    src: url('../fonts/KMKDSPK_.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPKB';
    src: url('../fonts/KMKDSPKB.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPKW';
    src: url('../fonts/KMKDSPKW.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPSH';
    src: url('../fonts/KMKDSPSH.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPT_';
    src: url('../fonts/KMKDSPT_.ttf') format('truetype');
}
@font-face {
    font-family: 'KMKDSPW_';
    src: url('../fonts/KMKDSPW_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMIKAH_';
    src: url('../fonts/KOMIKAH_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMIKAHB';
    src: url('../fonts/KOMIKAHB.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMIKHBI';
    src: url('../fonts/KOMIKHBI.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMIKHI_';
    src: url('../fonts/KOMIKHI_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMIKJ__';
    src: url('../fonts/KOMIKJ__.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMIKJI_';
    src: url('../fonts/KOMIKJI_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTIT__';
    src: url('../fonts/KOMTIT__.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITA_';
    src: url('../fonts/KOMTITA_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITBR';
    src: url('../fonts/KOMTITBR.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITE_';
    src: url('../fonts/KOMTITE_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITG_';
    src: url('../fonts/KOMTITG_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITK_';
    src: url('../fonts/KOMTITK_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITP_';
    src: url('../fonts/KOMTITP_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITS_';
    src: url('../fonts/KOMTITS_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITT_';
    src: url('../fonts/KOMTITT_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITTL';
    src: url('../fonts/KOMTITTL.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITW_';
    src: url('../fonts/KOMTITW_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTITWR';
    src: url('../fonts/KOMTITWR.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXKBI';
    src: url('../fonts/KOMTXKBI.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXT__';
    src: url('../fonts/KOMTXT__.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTB_';
    src: url('../fonts/KOMTXTB_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTBI';
    src: url('../fonts/KOMTXTBI.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTI_';
    src: url('../fonts/KOMTXTI_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTK_';
    src: url('../fonts/KOMTXTK_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTKB';
    src: url('../fonts/KOMTXTKB.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTKI';
    src: url('../fonts/KOMTXTKI.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTT_';
    src: url('../fonts/KOMTXTT_.ttf') format('truetype');
}
@font-face {
    font-family: 'KOMTXTTI';
    src: url('../fonts/KOMTXTTI.ttf') format('truetype');
}
@font-face {
    font-family: 'Langdon_2.otf';
    src: url('../fonts/Langdon_2.otf') format('opentype');
}
@font-face {
    font-family: 'Lato-Black';
    src: url('../fonts/Lato-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-BlackItalic';
    src: url('../fonts/Lato-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-BoldItalic';
    src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Italic';
    src: url('../fonts/Lato-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/Lato-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-LightItalic';
    src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Thin';
    src: url('../fonts/Lato-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-ThinItalic';
    src: url('../fonts/Lato-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'LeagueGothic-Regular-VariableFont_wdth';
    src: url('../fonts/LeagueGothic-Regular-VariableFont_wdth.ttf') format('truetype');
}
@font-face {
    font-family: 'LearningCurve';
    src: url('../fonts/LearningCurve.ttf') format('truetype');
}
@font-face {
    font-family: 'LearningCurveDashed';
    src: url('../fonts/LearningCurveDashed.ttf') format('truetype');
}
@font-face {
    font-family: 'LibreFranklin-Italic-VariableFont_wght';
    src: url('../fonts/LibreFranklin-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'LibreFranklin-VariableFont_wght';
    src: url('../fonts/LibreFranklin-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'LobsterTwo-Bold';
    src: url('../fonts/LobsterTwo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'LobsterTwo-BoldItalic';
    src: url('../fonts/LobsterTwo-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'LobsterTwo-Italic';
    src: url('../fonts/LobsterTwo-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'LobsterTwo-Regular';
    src: url('../fonts/LobsterTwo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Mathlete-Bulky.otf';
    src: url('../fonts/Mathlete-Bulky.otf') format('opentype');
}
@font-face {
    font-family: 'Mathlete-BulkySlant.otf';
    src: url('../fonts/Mathlete-BulkySlant.otf') format('opentype');
}
@font-face {
    font-family: 'Mathlete-Skinny.otf';
    src: url('../fonts/Mathlete-Skinny.otf') format('opentype');
}
@font-face {
    font-family: 'Mathlete-SkinnySlant.otf';
    src: url('../fonts/Mathlete-SkinnySlant.otf') format('opentype');
}
@font-face {
    font-family: 'metropolis.regular.otf';
    src: url('../fonts/metropolis.regular.otf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Italic-VariableFont_wght';
    src: url('../fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-VariableFont_wght';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'nimbus-roman-no9-l.regular.otf';
    src: url('../fonts/nimbus-roman-no9-l.regular.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSerif-Italic-VariableFont_wdth,wght';
    src: url('../fonts/NotoSerif-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'NotoSerif-VariableFont_wdth,wght';
    src: url('../fonts/NotoSerif-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Italic-VariableFont_wdth,wght';
    src: url('../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-VariableFont_wdth,wght';
    src: url('../fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'ostrich-regular';
    src: url('../fonts/ostrich-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'OstrichSans-Black.otf';
    src: url('../fonts/OstrichSans-Black.otf') format('opentype');
}
@font-face {
    font-family: 'OstrichSans-Bold.otf';
    src: url('../fonts/OstrichSans-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'OstrichSansDashed-Medium.otf';
    src: url('../fonts/OstrichSansDashed-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'OstrichSans-Heavy.otf';
    src: url('../fonts/OstrichSans-Heavy.otf') format('opentype');
}
@font-face {
    font-family: 'OstrichSans-Light.otf';
    src: url('../fonts/OstrichSans-Light.otf') format('opentype');
}
@font-face {
    font-family: 'OstrichSans-Medium.otf';
    src: url('../fonts/OstrichSans-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'OstrichSansRounded-Medium.otf';
    src: url('../fonts/OstrichSansRounded-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Oswald-VariableFont_wght';
    src: url('../fonts/Oswald-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Overpass-Italic-VariableFont_wght';
    src: url('../fonts/Overpass-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Overpass-VariableFont_wght';
    src: url('../fonts/Overpass-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Pacifico-Regular';
    src: url('../fonts/Pacifico-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplay-Italic-VariableFont_wght';
    src: url('../fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplaySC-Black';
    src: url('../fonts/PlayfairDisplaySC-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplaySC-BlackItalic';
    src: url('../fonts/PlayfairDisplaySC-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplaySC-Bold';
    src: url('../fonts/PlayfairDisplaySC-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplaySC-BoldItalic';
    src: url('../fonts/PlayfairDisplaySC-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplaySC-Italic';
    src: url('../fonts/PlayfairDisplaySC-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplaySC-Regular';
    src: url('../fonts/PlayfairDisplaySC-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'PlayfairDisplay-VariableFont_wght';
    src: url('../fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Black';
    src: url('../fonts/Poppins-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-BlackItalic';
    src: url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-BoldItalic';
    src: url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-ExtraLightItalic';
    src: url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Italic';
    src: url('../fonts/Poppins-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-LightItalic';
    src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-MediumItalic';
    src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-SemiBoldItalic';
    src: url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Thin';
    src: url('../fonts/Poppins-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-ThinItalic';
    src: url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'porter-sans-inline-block.otf';
    src: url('../fonts/porter-sans-inline-block.otf') format('opentype');
}
@font-face {
    font-family: 'porter-sans-inline-block';
    src: url('../fonts/porter-sans-inline-block.ttf') format('truetype');
}
@font-face {
    font-family: 'porter-sans-inline-block-webfont';
    src: url('../fonts/porter-sans-inline-block-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'porter-sans-inline-block-webfont.woff';
    src: url('../fonts/porter-sans-inline-block-webfont.otf') format('woff');
}
@font-face {
    font-family: 'ProzaLibre-Bold';
    src: url('../fonts/ProzaLibre-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-BoldItalic';
    src: url('../fonts/ProzaLibre-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-ExtraBold';
    src: url('../fonts/ProzaLibre-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-ExtraBoldItalic';
    src: url('../fonts/ProzaLibre-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-Italic';
    src: url('../fonts/ProzaLibre-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-Medium';
    src: url('../fonts/ProzaLibre-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-MediumItalic';
    src: url('../fonts/ProzaLibre-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-Regular';
    src: url('../fonts/ProzaLibre-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-SemiBold';
    src: url('../fonts/ProzaLibre-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'ProzaLibre-SemiBoldItalic';
    src: url('../fonts/ProzaLibre-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'PTSans-Bold';
    src: url('../fonts/PTSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'PTSans-BoldItalic';
    src: url('../fonts/PTSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'PTSans-Italic';
    src: url('../fonts/PTSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'PTSans-Regular';
    src: url('../fonts/PTSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Quicksand-VariableFont_wght';
    src: url('../fonts/Quicksand-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Rajdhani-Bold';
    src: url('../fonts/Rajdhani-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Rajdhani-Light';
    src: url('../fonts/Rajdhani-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Rajdhani-Medium';
    src: url('../fonts/Rajdhani-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Rajdhani-Regular';
    src: url('../fonts/Rajdhani-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Rajdhani-SemiBold';
    src: url('../fonts/Rajdhani-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Raleway-Italic-VariableFont_wght';
    src: url('../fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Raleway-VariableFont_wght';
    src: url('../fonts/Raleway-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Ritaglio';
    src: url('../fonts/Ritaglio.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Italic-VariableFont_wdth,wght';
    src: url('../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSlab-VariableFont_wght';
    src: url('../fonts/RobotoSlab-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-VariableFont_wdth,wght';
    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Sansation_Bold';
    src: url('../fonts/Sansation_Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Sansation_Bold_Italic';
    src: url('../fonts/Sansation_Bold_Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Sansation_Italic';
    src: url('../fonts/Sansation_Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Sansation_Light';
    src: url('../fonts/Sansation_Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Sansation_Light_Italic';
    src: url('../fonts/Sansation_Light_Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Sansation_Regular';
    src: url('../fonts/Sansation_Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Collegiate Italic';
    src: url('../fonts/SF Collegiate Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Collegiate Solid Bold Italic';
    src: url('../fonts/SF Collegiate Solid Bold Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Collegiate Solid Bold';
    src: url('../fonts/SF Collegiate Solid Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Collegiate Solid Italic';
    src: url('../fonts/SF Collegiate Solid Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Collegiate Solid';
    src: url('../fonts/SF Collegiate Solid.ttf') format('truetype');
}
@font-face {
    font-family: 'SF Collegiate';
    src: url('../fonts/SF Collegiate.ttf') format('truetype');
}
@font-face {
    font-family: 'sf-cartoonist-hand.regular';
    src: url('../fonts/sf-cartoonist-hand.regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Sofia-Regular';
    src: url('../fonts/Sofia-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'source-sans-pro.bold';
    src: url('../fonts/source-sans-pro.bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Sports World-Regular.otf';
    src: url('../fonts/Sports World-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Sports World-Regular';
    src: url('../fonts/Sports World-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'tex-gyre-bonum.bold.otf';
    src: url('../fonts/tex-gyre-bonum.bold.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-bonum.regular.otf';
    src: url('../fonts/tex-gyre-bonum.regular.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-pagella.bold.otf';
    src: url('../fonts/tex-gyre-pagella.bold.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-pagella.bold-italic.otf';
    src: url('../fonts/tex-gyre-pagella.bold-italic.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-pagella.italic.otf';
    src: url('../fonts/tex-gyre-pagella.italic.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-pagella.regular.otf';
    src: url('../fonts/tex-gyre-pagella.regular.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-schola.bold.otf';
    src: url('../fonts/tex-gyre-schola.bold.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-schola.bold-italic.otf';
    src: url('../fonts/tex-gyre-schola.bold-italic.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-schola.italic.otf';
    src: url('../fonts/tex-gyre-schola.italic.otf') format('opentype');
}
@font-face {
    font-family: 'tex-gyre-schola.regular.otf';
    src: url('../fonts/tex-gyre-schola.regular.otf') format('opentype');
}
@font-face {
    font-family: 'TitilliumWeb-Black';
    src: url('../fonts/TitilliumWeb-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-Bold';
    src: url('../fonts/TitilliumWeb-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-BoldItalic';
    src: url('../fonts/TitilliumWeb-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-ExtraLight';
    src: url('../fonts/TitilliumWeb-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-ExtraLightItalic';
    src: url('../fonts/TitilliumWeb-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-Italic';
    src: url('../fonts/TitilliumWeb-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-Light';
    src: url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-LightItalic';
    src: url('../fonts/TitilliumWeb-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-Regular';
    src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-SemiBold';
    src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWeb-SemiBoldItalic';
    src: url('../fonts/TitilliumWeb-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'tulia.bold.otf';
    src: url('../fonts/tulia.bold.otf') format('opentype');
}
@font-face {
    font-family: 'UncialAntiqua-Regular';
    src: url('../fonts/UncialAntiqua-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'UnifrakturMaguntia-Regular';
    src: url('../fonts/UnifrakturMaguntia-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'VesperLibre-Black';
    src: url('../fonts/VesperLibre-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'VesperLibre-Bold';
    src: url('../fonts/VesperLibre-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'VesperLibre-Medium';
    src: url('../fonts/VesperLibre-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'VesperLibre-Regular';
    src: url('../fonts/VesperLibre-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Vollkorn-Italic-VariableFont_wght';
    src: url('../fonts/Vollkorn-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Vollkorn-VariableFont_wght';
    src: url('../fonts/Vollkorn-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'WindSong-Medium';
    src: url('../fonts/WindSong-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'WindSong-Regular';
    src: url('../fonts/WindSong-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Bold Italic';
    src: url('../fonts/Action Man Bold Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Bold';
    src: url('../fonts/Action Man Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Extended Bold Italic';
    src: url('../fonts/Action Man Extended Bold Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Extended Bold';
    src: url('../fonts/Action Man Extended Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Extended Italic';
    src: url('../fonts/Action Man Extended Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Action Man Extended';
    src: url('../fonts/Action Man Extended.ttf') format('truetype');
}