@font-face{
    font-family: 'titillium_webregular';
    src: url('/intern/fonts/Titillium_Web/TitilliumWeb-Regular.ttf');
    font-weight: normal;
    font-style: normal;}

@font-face{
  font-family: 'modern_dos';
  src: url('/intern/fonts/modern_dos/ModernDOS9x16.ttf');
  font-weight: normal;
  font-style: normal;}
  
 @font-face{
  font-family: 'amiri';
  src: url('/intern/fonts/Amiri/Amiri-Regular.ttf');
  font-weight: normal;
  font-style: normal;}

 @font-face {
    font-family: 'Menlo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Menlo Regular'), url('/intern/fonts/Menlo-Regular.woff') format('woff');
    }
        
 @font-face {
    font-family: 'BlinkMacSystemFontBlack';
    src: url('/intern/fonts/BlinkMacSystemFont-Black.woff2') format('woff2'),
         url('/intern/fonts/BlinkMacSystemFont-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }

 @font-face {
    font-family: 'BlinkMacSystemFontRegular';
    src: url('/intern/fonts/BlinkMacSystemFont-Regular.woff2') format('woff2'),
         url('/intern/fonts/BlinkMacSystemFont-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }


    @font-face {
      font-family: 'BlinkMacSystemFont-Bold';
      src: url('/intern/fonts/BlinkMacSystemFont-Bold.woff2') format('woff2'),
           url('/intern/fonts/BlinkMacSystemFont-Bold.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      }
      
      @font-face {
      font-family: 'BlinkMacSystemFont-Heavy';
      src: url('/intern/fonts/BlinkMacSystemFont-Heavy.woff2') format('woff2'),
           url('/intern/fonts/BlinkMacSystemFont-Heavy.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      }
      
      @font-face {
      font-family: 'BlinkMacSystemFont-Thin';
      src: url('/intern/fonts/BlinkMacSystemFont-Thin.woff2') format('woff2'),
           url('/intern/fonts/BlinkMacSystemFont-Thin.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      }
      
      @font-face {
      font-family: 'BlinkMacSystemFont-ThinItalic';
      src: url('/intern/fonts/BlinkMacSystemFont-ThinItalic.woff2') format('woff2'),
           url('/intern/fonts/BlinkMacSystemFont-ThinItalic.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      }

      @font-face {
          font-family: 'summer';
          src: url('/intern/fonts/summer.woff2') format('woff2'),
               url('/intern/fonts/summer.woff') format('woff');
          font-weight: normal;
          font-style: normal;
     }

:root {
    --main-bg-color: #100E17;

    
    --main-font-1: white;
    --main-font-2: white;
    --main-font-3: white;
    --main-font-4: white;
    --main-font-5: white;



    --chatinput-font-size: 17px;
    /* font-size: var(--chatinput-font-size); */


    --font-family-1: 'titillium_webregular', sans-serif !important;
    --font-family-2: 'amiri', sans-serif !important;
    --font-family-3: 'modern_dos', sans-serif !important;
    --font-family-4: 'Menlo Regular', sans-serif !important;
    --font-family-5: 'BlinkMacSystemFontBlack', sans-serif !important;
    --font-family-6: 'BlinkMacSystemFontRegular', sans-serif !important;

    --font-family-7: 'BlinkMacSystemFont-Bold', sans-serif !important;
    --font-family-8: 'BlinkMacSystemFont-Heavy', sans-serif !important;
    --font-family-9: 'BlinkMacSystemFont-Thin', sans-serif !important;
    --font-family-10: 'BlinkMacSystemFont-ThinItalic', sans-serif !important;
    --font-family-11: 'summer', sans-serif !important;

    /* font-family: var(--font-family-1); */
  
    --size1-100-id-on-border : 1px solid gold;
    --size1-110-id-on-border : 1px solid gold;
    --size1-125-id-on-border : 1px solid gold;
    --size1-150-id-on-border : 1px solid gold;
    --size1-applied-id-on-border : var(--size1-100-id-on-border);

    --size2-100-id-on-border : 1px solid green;
    --size2-110-id-on-border : 1px solid green;
    --size2-125-id-on-border : 1px solid green;
    --size2-150-id-on-border : 1px solid green;
    --size2-applied-id-on-border : var(--size2-100-id-on-border);
    
    --size3-100-id-on-border : 1px solid rgb(255, 0, 225);
    --size3-110-id-on-border : 1px solid rgb(224, 119, 22);
    --size3-125-id-on-border : 1px solid rgb(24, 223, 245);
    --size3-150-id-on-border : 1px solid rgb(228, 22, 22);
    --size3-applied-id-on-border : var(--size3-100-id-on-border);

    --size4-100-id-on-border : 1px solid silver;
    --size4-110-id-on-border : 1px solid silver;
    --size4-125-id-on-border : 1px solid silver;
    --size4-150-id-on-border : 1px solid silver;
    --size4-applied-id-on-border : var(--size4-100-id-on-border);

    --size0-id-on-border : var(--size1-100-id-on-border);


    --size1-100-id-chat-font-size : 25px;
    --size1-110-id-chat-font-size : 25px;
    --size1-125-id-chat-font-size : 25px;
    --size1-150-id-chat-font-size : 25px;
    --size1-applied-id-chat-font-size : var(--size1-100-id-chat-font-size);

    --size2-100-id-chat-font-size : 25px;
    --size2-110-id-chat-font-size : 25px;
    --size2-125-id-chat-font-size : 25px;
    --size2-150-id-chat-font-size : 25px;
    --size2-applied-id-chat-font-size : var(--size2-100-id-chat-font-size);
    
    --size3-100-id-chat-font-size : 26px;
    --size3-110-id-chat-font-size : 25px;
    --size3-125-id-chat-font-size : 23px;
    --size3-150-id-chat-font-size : 22px;
    --size3-applied-id-chat-font-size : var(--size3-100-id-chat-font-size);

    --size4-100-id-chat-font-size : 25px;
    --size4-110-id-chat-font-size : 25px;
    --size4-125-id-chat-font-size : 25px;
    --size4-150-id-chat-font-size : 25px;
    --size4-applied-id-chat-font-size : var(--size4-100-id-chat-font-size);



































  }