/*@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');*/
        @font-face {
          font-family: "Pacifica Condensed Regular";
          src: url("/fonts/Pacifica Condensed Regular.ttf");
        }
        /*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');*/
        @font-face {
        font-family: Sackers_Gothic_Medium_AT;
        src: url("/font/Sackers Gothic Medium AT.otf");
        }

:root {
    --MainFontColor: #aaaaaa;
    --MainHoverText: white;
    
    --ListFontColor: white;
    --LinkHoverColor: red;
    
    --TitleFontFamily: 'Pacifica Condensed Regular';
    --SmallFontFamily: 'Pacifica Condensed Regular';
    
    --SmallFontSize: 1vw;
    
    --TopBarHeight: 10vh;
    --CategoryFontSize:1.5vw;
    
    --LogoImgMaxWidth: 1.5vw;
    --LogoImgMaxHeight: 5.9vh;
    
    --LogoTopLineMaxWidth:1.5vw;
    --LogoTopLineMaxHeight:5.9vh;
    
    --LogoSecondLineMaxWidth:1.35vw;
    --LogoSecondLineHeight:4.1vh;
    
    /*********Mobile****************/
    --LogoImgMaxWidthMobile: 12vw;
    --LogoImgMaxHeightMobile: 5.9vh;
    
    --LogoTopLineMaxWidthMobile:6vw;
    --LogoTopLineMaxHeightMobile:2.9vh;
    
    --LogoSecondLineMaxWidthMobile:6.75vw;
    --LogoSecondLineHeightMobile:4.1vh;
    
    --CategoryMaxWidthMobile:9vw;
    --CategoryMaxHeightMobile:4vh;
    
    --ItemsMaxWidthMobile:6vw;

}