@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('./index.css');
@import url('./welcome.css');
@import url('./references.css');
@import url('./nav.css');
@import url('./products.css');

*{padding:0;margin:0;border:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
body{margin:0px;font-family:'Inter';font-size:14px;font-weight:400;color:#212121;background:#000;overflow-x:hidden}
ul, li, p, h1, h2, h3, h4, h5, h6{list-style:none;padding:0;margin:0;border:0}
a{text-decoration:none}
img, video, svg{display:block}
input, select, textarea, button{outline:none;border:none;appearance:none;-webkit-appearance:none}

/* transition:0.28s all */
:root{
    --animation-speed: 300ms;
    --transparent-border-color: rgba(255, 255, 255, 0.22);
    --hover-blue: #7fbfff;
}

.xgrid{background-color:rgba(0, 0, 255, 0.48)}
.grid{width:1170px;margin-left:auto;margin-right:auto}

.mt40{margin-top:40px}
.mt100{margin-top:100px}

/* Nav */
#navBigBox{background:#000;position:fixed;top:0px;left:0px;bottom:0px;right:0px;z-index:9999;pointer-events:none;opacity:0}
.lang-btn {
    font: normal 500 14px 'Montserrat';
    color: #fff;
    background-color: transparent;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    text-decoration: none;
    margin: 0 5px;
    display: inline-block;
    transition: background-color 0.3s, color 0.3s;
  }
  
  .lang-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
  }