@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&family=Comfortaa:wght@400;700&display=swap");
*, *::before, *::after {
  box-sizing: border-box;
}

.barlow {
  font-family: "Barlow", sans-serif;
}

.comforta {
  font-family: "Comfortaa", cursive;
}

html {
  font-size: 62.5%;
}

body {
  background-color: #4C566A;
  margin: 0;
  padding: 0;
}

header {
  padding: 0em 5.625em;
  z-index: 100;
  position: fixed;
  width: 100%;
}
header .nav-container {
  background-color: #E5E9F0;
  position: relative;
}
header .nav-container .nav-holder_parent {
  background-color: #E5E9F0;
  z-index: 10;
  padding: 2em;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
header .nav-container .nav-holder_parent .nav_logo img {
  height: 30px;
}
header .nav-container .nav-holder_parent .nav_btn button {
  border: 0;
  background: none;
  cursor: pointer;
}
header .nav-container .nav-holder_parent .nav_btn button .nav_btn-menu {
  width: 2.25em;
  height: 2.25em;
  stroke: #4C566A;
  stroke-width: 2px;
}
header .nav-container .nav-holder_child {
  z-index: 10;
  background-color: #E5E9F0;
  padding: 10em 2em 0em 2em;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: -100vh;
}
header .nav-container .nav-holder_child .nav_menus {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
header .nav-container .nav-holder_child .nav_menus .nav_menu a {
  display: flex;
  gap: 2em;
  color: #4C566A;
  text-decoration: none;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu a .nav_menu_no {
  font-size: 3rem;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu a .nav_menu_txt {
  font-size: 5rem;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(1) {
  order: 1;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(2) {
  order: 3;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(3) {
  order: 5;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(4) {
  order: 2;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(5) {
  order: 4;
}
header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(6) {
  order: 6;
}

.landing {
  z-index: 1;
  padding: 0em 5.625em;
}
.landing .landing_container {
  border-right: 2px solid #E5E9F0;
  border-left: 2px solid #E5E9F0;
  height: 100vh;
  padding: 10em 0em 0em 0em;
}
.landing .landing_container .landing-content_author {
  border-bottom: 2px solid #E5E9F0;
  padding: 7.5em 2em 5em 2em;
}
.landing .landing_container .landing-content_author .landing_author {
  display: flex;
  justify-content: space-between;
}
.landing .landing_container .landing-content_author .landing_author p {
  color: #E5E9F0;
  font-size: 1.75rem;
  font-weight: 700;
}
.landing .landing_container .landing_tagline {
  padding: 5em 0em 0em 0em;
}
.landing .landing_container .landing_tagline h1 {
  margin: 0;
  font-size: 12rem;
  font-weight: 300;
  text-align: center;
  color: #E5E9F0;
}
.landing .landing_container .landing_tagline h1 span {
  color: #80ED99;
}
.landing .landing_container .landing_img {
  width: 100%;
  text-align: center;
  padding: 0em 2em;
}
.landing .landing_container .landing_img img {
  width: 100%;
  height: 455px;
  -o-object-position: 50% 5%;
     object-position: 50% 5%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-me {
  z-index: 1;
  height: 100vh;
  background-color: #4C566A;
  padding: 0em 5.625em;
}
.about-me .about-me_container {
  border-right: 2px solid #E5E9F0;
  border-left: 2px solid #E5E9F0;
  height: 100vh;
  padding: 1.5em 0em 0em 0em;
}
.about-me .about-me_container .about-me_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2em;
}
.about-me .about-me_container .about-me_header p {
  font-size: 3rem;
  color: #D9D9D9;
}
.about-me .about-me_container .about-me_header h5 {
  font-weight: 300;
  font-size: 7.5rem;
  color: #D9D9D9;
}
.about-me .about-me_container .about-me_header h5 span {
  color: #80ED99;
}
.about-me .about-me_container .about-me_desc {
  padding: 0 2em;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.about-me .about-me_container .about-me_desc .about-me_txt {
  font-size: 1.5rem;
  color: #D9D9D9;
  padding-right: 4em;
}

@media only screen and (max-width: 600px) {
  header {
    padding: 0;
  }
  header .nav-container .nav-holder_parent .nav_logo img {
    height: 15px;
  }
  header .nav-container .nav-holder_parent .nav_btn button .nav_btn-menu {
    width: 1.75em;
    height: 1.75em;
  }
  header .nav-container .nav-holder_child .nav_menus {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu a {
    justify-content: space-between;
    align-items: center;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu a .nav_menu_no {
    font-size: 2rem;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu a .nav_menu_txt {
    font-size: 3rem;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(1) {
    order: 1;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(2) {
    order: 2;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(3) {
    order: 3;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(4) {
    order: 4;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(5) {
    order: 5;
  }
  header .nav-container .nav-holder_child .nav_menus .nav_menu:nth-child(6) {
    order: 6;
  }
  .landing {
    padding: 0em;
  }
  .landing .landing_container {
    border-right: 2px solid #E5E9F0;
    border-left: 2px solid #E5E9F0;
    height: 100vh;
    padding: 10em 0em 0em 0em;
  }
  .landing .landing_container .landing-content_author {
    border-bottom: 2px solid #E5E9F0;
    padding: 0.5em 2em 2.5em 2em;
  }
  .landing .landing_container .landing-content_author .landing_author {
    display: flex;
    justify-content: space-between;
  }
  .landing .landing_container .landing-content_author .landing_author p {
    color: #E5E9F0;
    font-size: 1.25rem;
    font-weight: 700;
  }
  .landing .landing_container .landing_tagline {
    padding: 2.5em 0em 0em 0em;
  }
  .landing .landing_container .landing_tagline h1 {
    margin: 0;
    font-size: 6rem;
    font-weight: 300;
    text-align: center;
    color: #E5E9F0;
  }
  .landing .landing_container .landing_tagline h1 span {
    color: #80ED99;
  }
  .landing .landing_container .landing_img {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0em 2em;
  }
  .landing .landing_container .landing_img img {
    width: 100%;
    height: 50%;
    -o-object-position: 50% 5%;
       object-position: 50% 5%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about-me {
    padding: 0;
  }
  .about-me .about-me_container {
    padding: 10em 0em 0em 0em;
  }
  .about-me .about-me_container .about-me_header {
    display: grid;
  }
  .about-me .about-me_container .about-me_header p {
    font-size: 3rem;
    margin: 0;
    padding-left: 0.25em;
  }
  .about-me .about-me_container .about-me_header h5 {
    font-size: 6rem;
    margin: 0;
  }
  .about-me .about-me_container .about-me_desc {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .about-me .about-me_container .about-me_desc .about-me_txt p {
    font-size: 1.5rem;
  }
}/*# sourceMappingURL=index.css.map */