@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Oxygen&family=Urbanist:wght@300&display=swap');

html {
  scroll-behavior: smooth;
}
body{
    background-color: black;
    color: aliceblue;
}
.headText{
  font-family: 'Urbanist', sans-serif ;
}
.mobile-menu{
  font-family: 'Oxygen', sans-serif ;
}
.animateShadow{
  animation: mymove 5s infinite;
}
@keyframes mymove {
	0% {box-shadow: 10px 10px 30px -1px rgba(0,255,0,0.15);}
  25% {box-shadow: -10px 10px 30px -1px rgba(0,255,0,0.15);}
  50% {box-shadow: -10px -10px 30px -1px rgba(0,255,0,0.15);}
  75% {box-shadow: 10px -10px 30px -1px rgba(0,255,0,0.15);}
  100% {box-shadow: 10px 10px 30px -1px rgba(0,255,0,0.15);}
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 12%;
  right: 2%;
  left: 2%;
  bottom: 2%;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  z-index: 999;
  margin-top: 0;
}

.imgSlider{
    height: 92vh;
    background-color: rgb(0, 0, 0);
    color: white;
    position: relative;
}
.imgSlider span{
    font-family: 'Major Mono Display', monospace;
    position: absolute;
    left: 10%;
    bottom:55%;
}
.ml12 {
  font-weight: 100;
  font-size: .51em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
}

.ml12 .letter {
  white-space: nowrap;
  display: inline-block;
  line-height: 1em;
}
.ml11 {
  font-size: .21em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
}

.ml11 .letter {
  white-space: nowrap;
  display: inline-block;
  
}
  #owl-carousel .item {
    display: block;
    width: 100%;
    height: auto;
}
.small{
    fill:white;
}
.animation-wrapper {
    width: 30%;
    padding-bottom: 50%;
  }
  
  .sphere-animation {
    position: absolute;
    top: 45%;
    left: 62%;
    width: 420px;
    height: 420px;
    margin: -250px 0 0 -250px;
  }
  svg{
      overflow: visible;
      scale: 1;
      
  }
  .sphere path {
    fill: url(#sphereGradient);
    stroke-width: 2px;
    stroke: rgba(255, 255, 255, 0.878);
    backface-visibility: hidden;
  }
  
  @media (min-width: 400px) {
    .sphere path {
      stroke-width: .4px;
    }
  }
.list-styled{
  list-style: none;
  margin-left: 0;
  padding-left: 1.2em;
}
.list-styled li:before{
  font-family: 'Material Icons';
  content: "panorama_fish_eye";
  position: absolute;
  left:1.2em;
}