@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Signika+Negative');
        @import url('https://fonts.googleapis.com/css2?family=Inconsolata');

        
:root {
    --MainFontColor: #aaaaaa;
    --MainHoverText: white;
    
    --ListFontColor: white;
    --LinkHoverColor: red;
    
    --TitleFontFamily: 'Signika Negative';
    --SmallFontFamily: 'Inconsolata';
    
    --SmallFontSize: 1.3vw;
    
    --TopBarHeight: 10vh;
    --CategoryFontSize:2vw;

    --LogoImgMaxWidth: 3vw;
    --LogoImgMaxHeight: 10vh;
    
    --LogoTopLineMaxWidth:2vw;
    --LogoTopLineMaxHeight:7.5vh;
    
    --LogoSecondLineMaxWidth:0.7vw;
    --LogoSecondLineHeight:2.5vh;
    
        /*********Mobile****************/
    --LogoImgMaxWidthMobile: 15vw;
    --LogoImgMaxHeightMobile: 15vh;
    
    --LogoTopLineMaxWidthMobile:12vw;
    --LogoTopLineMaxHeightMobile:10vh;
    
    --LogoSecondLineMaxWidthMobile:4.2vw;
    --LogoSecondLineHeightMobile:3.5vh;
    
    --CategoryMaxWidthMobile:15vw;
    --CategoryMaxHeightMobile:12vh;
    
    --ItemsMaxWidthMobile:8vw;
}