@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@200;300;400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap");
* {
  font-family: "Barlow", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 200;
  box-sizing: border-box;
  color: white;
}
.robot {
  font-family: "Orbitron", sans-serif;
  font-weight: 900;
}
:root {
  --bg-dark: #131313;
  --prmary-color: #985629;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fs-7 {
  font-size: 14px;
}
.fs-8 {
  font-size: 13px;
}
.fs-9 {
  font-size: 12px;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 8px;
}
.fs-12 {
  font-size: 6px;
}
.text-primary {
  color: var(--prmary-color) !important;
  fill: var(--prmary-color) !important;
}
.bg-primary {
  background-color: var(--prmary-color) !important;
}
.text-faded {
  opacity: 0.6;
}
.text-faded-2 {
  opacity: 0.8;
}
a {
  color: white;
}
body {
  background-color: var(--bg-dark);
}

*::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  background-color: #101115;
}
*::-webkit-scrollbar-thumb {
  background-color: rgb(53, 53, 53);
  border-radius: 400px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--prmary-color);
  border-radius: 400px;
}
.main{
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../images/main.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  flex-direction: column;
}
h1{
  font-size: 120px;
}

.text-dark{
  color: black !important;
}
.line-height{
  line-height:40px;
}
.line-height-2{
  line-height: 120px;
}

@media (max-width:991px) {
  .main{
    background-size: cover;
  }
  h1{
    font-size: 40px;
  }
  .line-height-2{
    line-height: normal;
  }
  
}