@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Phudu&display=swap');

body, html, main {
  height: 100%;
}

.header {
  background-image: url("../images/Banner5.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  display: grid;
}

.nav-menu {
  background-color: #469597;
  border: none;
}

.nav-header {
  color: #e5e3e4;
  font-family: 'Saira+Condensed';
}

.nav-header:hover {
  cursor: pointer;
}

.nav-link {
  color: #0A0F0D;
  font-family: 'Oswald', sans-serif;
}

.nav-link:hover {
  cursor: pointer;
  color: #bbc6c8;
}

.header-content {
    width: 100%;
    padding: 5rem;
    padding-top: 18%;
}

.header-heading {
    font-family: 'Phudu';
    text-align: center;
    font-size: 14rem;
    font-weight: bolder;
    color: #e5e3e4;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.header-subheading {
    font-family: 'Phudu';
    text-align: center;
    font-size: 9rem;
    color: #5ba199;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.header-text {
    font-family: 'Montserrat';
    color: #bbc6c8;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 3rem;
    text-align: center;
}

.slogan {
    align-self: flex-end;
    width: 100%;
    text-align: right;
    padding-right: 5rem;
    padding-bottom: 3rem;
    font-family: 'Dancing+Script', cursive;
}

.slogan-heading {
  font-size: 4rem;
  color: #e5e3e4;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.about {
  text-align: center;
  align-items: center;
  background-color: #bbc6c8;
  padding: 7em;
  display: block ruby;
}

.about-heading {
  font-weight: bolder;
  padding-top: 2.5em;
  padding-bottom: 1.5em;
}

.about-body {
  font-family: 'Montserrat', sans-serif;
  margin: 2em 5em;
  font-size: x-large;
  max-width: 950px;
  align-self: center;
}

.testing {
  text-align: center;
  align-items: center;
  background-color: #5ba199;
  padding: 7em;
  display: block ruby;
}

.testing-body {
  font-family: 'Montserrat', sans-serif;
  margin: 2em 5em;
  font-size: x-large;
  max-width: 950px;
  align-self: center;
}

.testing-heading {
  font-weight: bolder;
  padding-top: 2.5em;
  padding-bottom: 1.5em;
}

.underwater-turbine {
  background-image: url("../images/oceandeep.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: left;
  height: 100%;
  display: grid;
  align-items: center;
  color: #e5e3e4;
}

.ut-heading {
  padding: 0 15rem;
  font-size: x-large;
}

.ut-content {
  padding: 0 5rem;
}

.footer {
  display: flex;
  position: relative;
  padding-top: 1rem;
  font-family: 'Oswald', sans-serif;
  background-color: #469597;
}