@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&display=swap');

@font-face {
    font-family: 'gt';
    src: url('fonts/GeniusTechno-Regular.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
  --mon:"Monstserrat", sans-serif;
  --mic: "Michroma", sans-serif;
   --gt: "gt";

    --primary:#131313;
    --zelena:#CCFC52;
  --secondary:#0971CE;
  --light:#878F57;
  --textwhite:#F6F8EB;
  --landing-width:68.89vw;
  --landing-width-mobile:86vw;
  --boxshadow:0px 0px 30px 0px #0000000F;
 
--d12:0.63vw;
   --d13:0.68vw;
    --d14:0.73vw;
    --d15:0.78vw;
    --d16:0.83vw;
    --d18:0.94vw;
       --d19:0.99vw;
    --d20:1.04vw;
    --d22:1.15vw;
    --d24:1.25vw;
    --d25:1.3vw;
    --d28:1.46vw;
    --d30:1.56vw;
    --d32:1.67vw;
    --d34:1.77vw;
    --d36:1.88vw;
    --d44:2.29vw;
    --d40:2.08vw;
    --d48:2.5vw;
    --d54:2.81vw;
    --d56:2.92vw;
    --d64:3.33vw;
    --d70:3.65vw;
       --d75:3.91vw;
    --d80:4.17vw;
    --d84:4.38vw;
    --d100:5.21vw;
    --d110:5.73vw;
    --d120:6.25vw;
    --d156:8.13vw;
    --d904:47.08vw;

 --m10:2.33vw;
    --m11:2.56vw;
    --m12:2.79vw;
    --m13:3.02vw;
    --m14:3.26vw;
    --m15:3.49vw;
    --m16:3.72vw;
    --m18:4.19vw;
    --m20:4.65vw;
    --m24:5.58vw;
    --m25:5.81vw;
    --m30:6.98vw;
    --m32:7.44vw;
    --m36:8.37vw;
    --m40:9.30vw;
    --m48:11.16vw;
    --m64:14.88vw;


 

  






 

}



/* width */
::-webkit-scrollbar {
    width: 10px;
    font-size: var(--outfit);
    
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: white;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #CCFC52;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #CCFC52;
  }


.ds-version{
  display: block;
}
.mob-version{
  display: none;
}
.hideall{
  display: none!important;
}




footer .socials{
    width: 55.2vw;
    position: absolute;
    display: flex;
    bottom: 27.8vw;
    justify-content: space-between;
    align-items: center;
    left: 22vw;
}

footer .socials .left{
  display: flex;
  gap: 0.42vw;
}

footer .socials .left p,footer .socials .left a ,footer .socials .right a{

 font-family: "Orbitron", sans-serif;
font-weight: 500;
font-style: Medium;
font-size: var(--d24);

line-height: 100%;
margin: 0;
color: white;
text-decoration: none;


}
footer .socials .center{
  display: flex;
  justify-content: center;
  gap: var(--d34);
}

footer .socials .center img{
  width: 2.66vw;
  cursor: pointer;
}



footer{
    width: 100vw;
    height: 61.04vw;
    background-image: url(./img/footerall.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    
   
  
}






  @media screen and (max-width:900px){


footer{
    width: 100vw;
    height:142.56vw;
    background-image: url(./img/footerallmobilna.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top:0vw;
    margin-bottom: -1px;
}


footer .socials{
  flex-direction: column;
  gap:var(--m10);
  bottom: 61.8vw;
}

footer .socials .left{
  order:1
}

footer .socials .center{
  order:2;
  gap:var(--m18) ;
}


footer .socials .left p, footer .socials .left a, footer .socials .right a{
  font-size: var(--m16);
}


footer .socials .center img{
  width: 6.51vw;
}



    
  }