body{
    text-align: center;
    font-family: 'quicksand';
    background: black;
    color: white;
}

a:link {
  color: rgb(153, 153, 153);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: gray;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: rgb(206, 206, 206);
  background-color: transparent;
  text-decoration: underline;
}

img {
  width: 100%;
  height: auto;
}

.dropdown-menu ul {
    list-style: none; 
    padding: 0;
    margin: 0;
}

.dropdown-menu li {
    position: relative;
    display: block;
    background-color: #000000;
    padding: 10px 20px;
    cursor: pointer;
    width: 150px;
    border: 1px solid #ccc;
}

.dropdown-menu li a {
    text-decoration: none;
    color: #ffffff;
    display: block;
}

.dropdown-menu ul ul {
    display: none;
    position: absolute;
    top: 100%; 
    left: 0;
    z-index: 10;
}

.dropdown-menu li:hover > ul {
    display: block;
}

.dropdown-menu li:hover {
    background-color: #6d6d6d;
}

.dropdown-menu > ul {
  list-style: none;
  padding: 0;
  margin: 0 auto; 
  display: table; 
}

body {
  margin: 0;
  overflow: hidden; 
}

body {
  overflow: hidden; 
}

#preloader-wrapper {
  position: fixed;
  inset: 0;
  background-color: #000;
  z-index: 9999;

  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;
}

#preloader-video {
  width: 280px;
  max-width: 75vw;
  max-height: 75vh;

  height: auto;
  object-fit: contain;

  display: block;
}

*{
  margin-top: 5px
}

.hide-preloader {
  display: none !important;
}

@media (max-width: 768px) {
  #preloader-video {
    width: 200px;
    max-width: 70vw;
    max-height: 60vh;
  }

  .mobile-only {
    display: block !important;
  }

  .desktop-only {
    display: none !important;
  }

  body{
    font-size: 13px;
    overflow-wrap: break-word; 
    border: 1px solid black;
  }
  #talents p {
    position: relative;
    top: 5px;
    left: 20px;
  }



  #talents p {
    position: relative;
    top: 5px;
    left: 20px;
  }


  .animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}
}

.mobile-only {
  display: none;
}

.desktop-only {
  display: block;
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: left;
}

#header {
  width: 60vw;
    .container {
      text-align: center;
    }
}

    .text {
      line-height: 2;
      position: relative;
      top: 0px;
      left: 20px;
    }
    
  .footer{
    position: relative; 
    top: 5px; 
    left: -10px;
    text-align: right;
  }


hr {
  display: block;
  width: 100%;
  border: none;
  border-top: 2px solid #ffffff;
  margin: 24px 0;
  opacity: 0.8;
}