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

@font-face {
  font-family: 'rolla';
  src: url("../fonts/rolla.ttf");
}

body {
  font-family: 'rolla';
  color: #0c0c0c;
  background-color: #68e1d7;
  overflow-x: hidden;
}

a:link {
color: black; /* Unvisited link */
}
a:visited {
color: black; /* Visited link */
}
a:hover {
color: black; /* Mouse over link */
}
a:active {
color: black; /* Selected link */
}

/* 
  MARK: Navbar stuff 
*/

.navbar {
  font-size: 15pt;
  letter-spacing: 0.75px;
  padding: 30px 50px;
  background-color: white;
}

.nav-con {
  padding: 15px 20px;
}

.nav-item {
  padding: 5px 10px;
}

.nav-logo {
  max-width: 20vw;
  position: relative;
  bottom: 90px;
}

/* 
  MARK: Hero section stuff 
*/

.hero-cont {
  padding: 0 10vw;
}

.hero-text {
  background-color: white;
  padding: 10px 10px;
}

.hero-text p {
  font-family: 'Courier New', Courier, monospace;
}

/* 
  MARK: About Section Stuff
*/

.hm-aboutsect {
  height: 90vh;
  background-color: #68e1d7;
}

.hm-aboutcont {
  padding: 80px;
}

.hm-about-maintext

.hm-aboutimage {
  width: 100%;
  height: 100%;
  display: block;
}

/* 
  MARK: Footer stuff
*/

.footer-cont {
  background-color: black;
  color: white;
}

.footer-inner-padding {
  padding: 5vh 5vw;
}

.footer-img-link {
  width: 3vw;
  height: auto;
}

.footer-mid-text {
  text-align: center;
}

.footer-mid-text p {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* 
  MARK: TEMPORARY WIP
*/

.bgimg {
  background-size: 100%;
}

.wip-log {
  width: 20vw;
}

.wip-img {
  width: 10vw;
  padding: 10px 0;
  border-radius: 50%;
}

.wip-main-img {
  width: 40vw;
}

@media (orientation: landscape) {
  .bgimg {
    background-image: url('../images/COMING_SOON-04.png');
  }

  .wip-main-img {
    content: url("../images/COMING_SOON-13.png");
  }

  .wip-main-img:hover {
    content: url("../images/COMING_SOON2-20.png");
    width: 40vw;
  }
}

@media (orientation: portrait) {
  .bgimg {
    background-image: url('../images/COMING_SOON-19.png');
  }

  .wip-log {
    width: 40vw;
  }

  .wip-main-img {
    content: url("../images/COMING_SOON-20.png");
    width: 90vw;
  }

  .wip-ite {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    gap: 25px;
  }

  .wip-img {
    width: 25vw;
  }
}