/* @import url('../../node_modules/font-awesome/css/font-awesome.min.css'); */

@import url('https://fonts.googleapis.com/css2?family=Orbitron&family=Poppins:wght@200&display=swap');


* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;


background-color: var(--black);

     
      
}




:root {
    --blue: #3B82F6;
    --purple:#8B5CF6;
    --green:#22C55E;
    --grey: #7c7e83;

    /* --grey: #9CA3AF; */


    --red:#EF4444;
    --white: #E5E7EB;
    --black: #0B0F14;
    --borderRadius:.6em;
   

    --navLogo:1.45rem;
    --navItems:1.25rem;
    --flags:1.3rem;


    --razvojNum:1.3rem;
    --razvojFirstText:1.5rem;
    --razvojSecondText:1.4rem;
    --razvojBoxNaslov:1.15rem;
    --razvojBoxText:1rem;
    --razvojIcons:1.25rem;


    --razvoj2firstText:1.3rem;
    --razvoj2hHadline:1.45rem;
    --razvoj2text: 1.1rem;

    --soft2headline:1.4rem;
    --soft2Text:1.1rem;


    --contactHeadline: 1.4rem;
    --contactText: 1.1rem;
    --contactButton:1rem;

    --footerMago:1.4rem;
    --foterLinks:1.5rem;
    --footerHeadline:1.2rem;
    --footerText:1rem;



    --tms1Headline:1.25rem;
    --tms1Text:1rem;
}






::-webkit-scrollbar {
    width: 13px;
}

::-webkit-scrollbar-thumb {
    border-radius: .3em;
    background-color: rgb(60, 59, 59);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track {
    border-radius: .6em;
    background-color: var(--grey);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
}




/* Nabar */





@media (max-width:50rem) {



 :root {

     --borderRadius: .6em;
    --navLogo: 1.4rem;
    --navItems: 1.2rem;
    --flags: 1.3rem;


    --razvojNum: 1.2rem;
    --razvojFirstText: 1.3rem;
    --razvojSecondText: 1.2rem;
    --razvojBoxNaslov: 1rem;
    --razvojBoxText: .95rem;
    --razvojIcons: 1.25rem;


    --razvoj2firstText: 1rem;
    --razvoj2hHadline: 1.1rem;
    --razvoj2text: .95rem;

    --soft2headline: 1.1rem;
    --soft2Text: 1rem;


    --contactHeadline: 1.2rem;
    --contactText: 1rem;
    --contactButton: 1rem;

    --footerMago: 1.2rem;
    --foterLinks: 1.2rem;
    --footerHeadline: 1rem;
    --footerText: 1rem;



    --tms1Headline: 1.15rem;
    --tms1Text: 1rem;


 }


}


@media (max-width:40rem) {

:root {
 
        --navLogo: 1rem;
        --navItems: 1rem;
        --flags: 1.2rem;


         --razvojNum: 1.1rem;
        --razvojFirstText: 1.2rem;
        --razvojSecondText: 1.1rem;
        --razvojBoxNaslov: 1rem;
        --razvojBoxText: .95rem;
        --razvojIcons: 1.25rem;


    
      --razvoj2firstText: 1.25rem;
        --razvoj2hHadline: 1.3rem;
        --razvoj2text: 1rem;
    
        --soft2headline: 1.25rem;
        --soft2Text: 1rem;
    
    
        --contactHeadline: 1.2rem;
        --contactText: 1rem;
        --contactButton: 1rem;
    
        --footerMago: 1.3rem;
        --foterLinks: 1.2rem;
        --footerHeadline: 1rem;
        --footerText: 1rem;
    
    
    
        --tms1Headline: 1.1rem;
        --tms1Text: 1rem;


    }


}