:root {

    --menuFontSize: 26px;
    --genFontSize: 26px;
    
    --h1FontSize: 88px;
    --h2FontSize: 64px;
    --h3FontSize: 20px;
    --h4FontSize: 34px;

    --headerHeight: 120px;
    --smallheaderHeight: 80px;
    --footerHeight: 60px;
    --minBodyHeight: calc(100vh - (var(--headerHeight) + var(--footerHeight))); 

    --genPadding: 20px;
    --detWidth : 840px;
    --catWidth : 1000px;


    --bigFont: 88px;
    --bigFont2: 48px;
    --mediumFont: 36px;
    --smallFont: 24px;
    --textFont: 26px;
    
    --bigFontMob: 48px;
    --bigFontMob2: 38px;
    --mediumFontMob: 30px;
    --smallFontMob: 20px;
    --textFontMob: 18px;
    
    
    
    /* colors */
    --colorViolet: #e4ccff;
    --colorBeige: #f9d19c;



    --color1: #EFCC00;
    --color2: #FFA9F1;
    --color3: #26B25B;
    --color4: #EA574D;
    --color5: #ADFF00;
    --color6: #8DA1B8;
    --color7: #8000FF;
    --color8: #FAFF00;
    --color9: #2400FF;
    --color10: #FF8A00;
    --color11: #B24D95;





}