@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");

@font-face {
  font-family: "DeepDownRegular";
  src: url("./fonts/DeepDownRegular.eot");
  src: url("./fonts/DeepDownRegular.eot?#iefix") format("embedded-opentype"),
    url("./fonts/DeepDownRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ImpasseBold";
  src: url("./fonts/ImpasseBold.eot");
  src: url("./fonts/ImpasseBold.eot?#iefix") format("embedded-opentype"),
    url("./fonts/ImpasseBold.svg#ImpasseBold") format("svg"),
    url("./fonts/ImpasseBold.ttf") format("truetype"),
    url("./fonts/ImpasseBold.woff") format("woff"),
    url("./fonts/ImpasseBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "F1.8-Regular";
  src: url("./fonts/F1.8-Regular.eot");
  src: url("./fonts/F1.8-Regular.eot?#iefix") format("embedded-opentype"),
    url("./fonts/F1.8-Regular.svg#F1.8-Regular") format("svg"),
    url("./fonts/F1.8-Regular.ttf") format("truetype"),
    url("./fonts/F1.8-Regular.woff") format("woff"),
    url("./fonts/F1.8-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Anurati-Regular";
  src: url("./fonts/Anurati-Regular.eot");
  src: url("./fonts/Anurati-Regular.eot?#iefix") format("embedded-opentype"),
    url("./fonts/Anurati-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

.body {
  padding: 5% 10%;
}

/* Landing Screen*/

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.navbar-brand {
  color: #d6b29e !important;
  font-family: "Anurati-Regular", sans-serif;
  -webkit-transition: color 0.6s !important;
  transition: color 0.6s !important;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.navbar-brand .first-word {
  color: #090a09 !important;
  font-family: "Anurati-Regular", sans-serif;
  -webkit-transition: color 0.6s !important;
  transition: color 0.6s !important;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.navbar-brand:hover {
  color: #dbf5ed !important;
}

.navbar-brand .first-word:hover {
  color: #dbf5ed !important;
}

.nav-link {
  color: #090a09 !important;
  -webkit-transition: color 0.6s !important;
  transition: color 0.6s !important;
}

.nav-link:hover {
  color: #dbf5ed !important;
}

.navbar-toggler {
  color: #354037 !important;
}

.intro {
  background-color: #ffffff;
  height: 100vh;
  width: 100%;
  text-align: center;
  padding: 0% 12% !important;
}

.introHeading {
  font-family: "F1.8-Regular", sans-serif;
  font-size: 6vw;
  color: #090a09;
}

.introHeadingdiv {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Start of the content*/

.onepagerest {
  background-color: white;
  padding: 7% 12%;
  position: relative;
}

.toppadding {
  padding-top: 5%;
}

/* ABOUT US SECTION*/

.aboutusheading {
  color: #090a09;
  font-family: "Anurati-Regular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.aboutusheading .f-word {
  color: #d6b29e;
  font-family: "Anurati-Regular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.aboutustext {
  color: #354037;
  font-family: "Raleway", sans-serif;
  font-size: 1.1rem;
}

.aboutuspic {
  max-height: 400px;
  float: right;
}

.aboutussection {
  padding-top: 2%;
}

.topheading {
  display: inline-block;
  width: 100%;
}

/* Moving line on enter to screen*/

.growingline1 {
  background-color: cadetblue;
  height: 3px;
  width: 0;
}

.growingline2 {
  background-color: cadetblue;
  height: 3px;
  width: 0;
}

.growingline3 {
  background-color: cadetblue;
  height: 3px;
  width: 0;
}

.gamesection {
  padding-top: 2%;
}

.ourGamepic {
  max-height: 400px;
}

@keyframes line-grow {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .growingline-animation {
    animation-name: line-grow;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
  }
}

.anyapictemp {
  max-height: 250px;
  margin-left: auto;
  margin-right: auto;
}

.anyapiccol {
  text-align: center;
}

.teamnames {
  font-size: 1.5rem;
  font-family: Open Sans, sans-serif;
}

.teamroles {
  font-family: Open Sans, sans-serif;
  font-size: 0.9375rem;
  color: #999;
}

.Teamsection {
  padding-top: 2%;
}