/* GLOBAL IMPORT */

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e6c01084439ea29736_ArsenicaTrial-Bold.ttf') format('truetype'), url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e6fe018f62a0f521f1_ArsenicaTrial-Extrabold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e6c29d9f4af9105fef_ArsenicaTrial-BoldItalic.ttf') format('truetype'), url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e69f14c94f11ea0764_ArsenicaTrial-ExtraboldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e6f6cad14985b20a3f_ArsenicaTrial-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e65759c6bd865612f8_ArsenicaTrial-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e6d50c4f45436b3fbb_ArsenicaTrial-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e68ee76581e410d64b_ArsenicaTrial-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e6bba0f631a77e67c3_ArsenicaTrial-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e61de93d7377db831e_ArsenicaTrial-Demibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e68ee765157b10d64a_ArsenicaTrial-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e67492aa0e9179f60f_ArsenicaTrial-DemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534e6ad84bf5ce2391e66_ArsenicaTrial-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arsenica Trial';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534eb42f3157f42a682b7_ArsenicaTrial-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('https://uploads-ssl.webflow.com/630534398d9471ade12fc55f/630534eb9f14c99016ea07bc_NeueHaasDisplayLight.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Apoc-Revelations-Trial-Hairline';
  src: url('../Fonts/Apoc-Revelations-Trial-Hairline.otf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OrobanMasuria-Trial-Regula';
  src: url('../Fonts/OrobanMasuria-Trial-Regular.otf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Khalos-Trial-Display';
  src: url('../Fonts/Khalos-Trial-Display.otf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SichemTrial-Display';
  src: url('../Fonts/SichemTrial-Display.otf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@import url("http://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro");
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz@6..96&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap");

/* LOADER */

/* .loader {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #090909;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.letters {
  color: #fff;
  font-size: 10em;
  font-family: "Arsenica Trial", sans-serif;
  font-weight: 200;
  animation: flash 1.9s linear infinite;
}

@keyframes flash {
  0% {
    color: #fff;
    text-shadow: 0 0 7px #fff;
  }

  95% {
    color: #111111;
    text-shadow: none;
  }

  100% {
    color: #fff;
    text-shadow: 0 0 7px #fff;
  }
}

.letters:nth-child(1) {
  animation-delay: 0.1s;
}

.letters:nth-child(2) {
  animation-delay: 0.2s;
}

.letters:nth-child(3) {
  animation-delay: 0.3s;
}

.letters:nth-child(4) {
  animation-delay: 0.4s;
}

.letters:nth-child(5) {
  animation-delay: 0.5s;
}

.letters:nth-child(6) {
  animation-delay: 0.8s;
}

.letters:nth-child(7) {
  animation-delay: 1s;
}
*/

.fonduOut {
  opacity: 0;
  transition: opacity 0.4s ease-out;
}

/* GLOBAL STYLE */

*,
::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.loader {
  width: 100%;
  height: 100vh;
  background-color: #090909;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
}

.container {
  display: flex;
}

.dot,
.shadow {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: solid 1px #fff;
  margin: 0 3px;

}

.shadow {
  opacity: 0.05;
}


body {
  margin: 28px 16px 0 16px;
  background-color: #090909;
  color: #fff;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  min-height: 100vh;
  letter-spacing: -.02em;
  text-transform: uppercase;
  scroll-behavior: smooth;
  position: fixed;
}

#three1 {
  font-family: "Apoc-Revelations-Trial-Hairline", sans-serif;
  font-weight: lighter;
}

#three2 {
  font-family: "SichemTrial-Display", sans-serif;
  font-weight: lighter;
}

#three3 {
  font-family: "Arsenica Trial", sans-serif;
  font-weight: lighter;
}

h1,
h3 {
  font-family: "Arsenica Trial", sans-serif;
  font-weight: lighter;
}

h2 {
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 200;
  letter-spacing: -.02em;
  text-align: center;
}

a {
  color: #fff;
  text-decoration: none;
}

ul,
li {
  list-style: none;
}


button {
  transition: 0.5s;
}

button:hover {
  cursor: pointer;
  transform: scale3d(0.95, 0.95, 1);
}

img {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
}

video {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
}

/* ENTRENCE ANIMATION */

.entrence {
  opacity: 0;
  transition: all 1.5s;
}

.show {
  opacity: 1;
}

/* MOUSEMOVE */

.mousemove {
  border: 1px solid #fff;
  background: #fff;
  position: absolute;
  transform: translate(-50%, -50%);
  behavior: smooth;
  transition: 0.2s ease-out;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  mix-blend-mode: difference;
  z-index: 9999;
  display: none;
  pointer-events: none;
}

/* GLOBAL NAVBAR */

nav {
  position: fixed;
  z-index: 999;
  top: 20px;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#nav-name {
  position: relative;
}

#nav-location {
  position: relative;
  text-transform: initial;
  color: hsla(0, 0%, 100%, 0.25);
}

#btn-about {
  position: relative;
  color: #090909;
  border: 1.2px solid #fff;
  background-color: #fff;
  ;
  padding: 8px 12px;
  border-radius: 100px;
  transition: all 0.5s;
  margin-left: 10px;
}

#btn-about:hover {
  color: #fff;
  background-color: transparent;
  transform: scale3d(0.98, 0.98, 0.98);
}

/* HOME */

/* HEADER */

.home-header-bg img {
  position: absolute;
  z-index: -10;
  top: 150px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  overflow: hidden;
}

.home-header {
  margin-top: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 60vh;
  margin-bottom: 200px;
}

#home-header-name_h3 {
  font-family: "Arsenica Trial", sans-serif;
  font-weight: lighter;
  font-size: 2em;
  line-height: .9;
  text-align: center;
}

#home-header-firstname-h3 {
  font-family: "Arsenica Trial", sans-serif;
  font-weight: lighter;
  font-size: 2em;
  line-height: .9;
  text-align: center;
}

/* MAIN SERVICE */

.home-section-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-bottom: 200px;
}

.home-section-2-h3 {
  font-size: 2em;
  text-align: center;
  margin-bottom: 20px;
}

/* I specialize */

.home-section-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 50px;
  align-content: center;
  text-align: center;
  height: 30vh;
  margin-bottom: 200px;
}

.home-section-3-h1 {
  font-size: 2em;
}

.about-section-3 p {
  margin-top: 40px;
}


/* I CREATE */

.home-section-4 {
  margin-top: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 50px;
  align-content: center;
  text-align: center;
  height: 50vh;
  margin-bottom: 300px;
}

.home-section-4-h1 {
  font-size: 2em;
}

.about-section-4 p {
  margin-top: 40px;
}

/* SELECTED PROJECTS */

/*
.home-ection-5-btns-perso-pro {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#home-ection-5-btn-perso {
  border: 0;
  background: transparent;
  color: #fff;
  font-family: "Arsenica Trial", sans-serif;
  font-size: 2em;
  font-weight: 200;
  text-align: center;
  margin: 0 20px 0 20px;
}

#home-section-5-h3 {
  font-size: 2em;
}

#home-ection-5-btn-pro {
  border: 0;
  background: transparent;
  color: hsla(0, 0%, 100%, 0.25);
  font-family: "Arsenica Trial", sans-serif;
  font-size: 2em;
  font-weight: 200;
  text-align: center;
  margin: 0 20px 0 20px;
}
*/

/* PROJECTS */

.home-section-5-h2 {
  margin: 70px;
  font-size: 0.95em;
}

.home-project-globla-container-wide,
.home-project-globla-container-carre,
.home-project-globla-container-portrait,
.home-project-globla-container-paysage {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 50px;
}

.home-project-top-container {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.home-project-mid-container {
  display: flex;
  gap: 20px;
}

.home-project-bot-container {
  margin-top: 10px;
}

.boxImg {
  position: relative;
}

.boxImg img:nth-child(2) {
  position: absolute;
  right: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

.boxImg:hover img:nth-child(2) {
  opacity: 1;
}

/* ABOUT */

/* HELLO */

.about-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 110vh;
  width: 100%;
}

#about-header-h1 {
  font-size: 50px;
}

.about-header img {
  margin-top: 60px;
  width: 200px;
}

/* LIFE */

.about-section-2 {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 70vh;
  width: 100%;
}

.about-section-2 p {
  margin-top: 40px;
}

.check-out {
  font-size: 16px;
  margin-left: 10px;
}

/* TALK */

.about-section-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  text-align: center;
  height: 140vh;
  width: 100%;
  margin-bottom: 200px;
}

#about-section-3-h1 {
  font-size: 40px;
}

.about-section-3 p {
  margin-top: 40px;
}

/* MORE */

.about-section-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 140vh;
  width: 100%;
}

#about-section-4-h1 {
  font-size: 40px;
}

.about-section-4 p {
  margin-top: 40px;
}

.about-section-4 img {
  margin-top: 100px;
  width: 250px;
}

/* LINKS */

.about-section-6 {
  display: flex;
  justify-content: flex-start;
  height: auto;
  width: 100%;
}

.about-section-6-item-1,
.about-section-6-item-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: -50px 20px 20px 0;
}

.about-section-6-item-1 a,
.about-section-6-item-2 a {
  font-family: "Arsenica Trial", sans-serif;
  font-weight: 200;
  font-size: 20px;
}

.about-section-6-item-1 span,
.about-section-6-item-2 span {
  margin-left: 10px;
}

.about-section-6-item-1 p,
.about-section-6-item-2 p {
  color: hsla(0, 0%, 100%, 0.25);
  font-size: 14px;
}

/* BACK TO TOP / ALL PROJECTS */

.about-section-5,
.home-section-6 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}

.about-section-5-btn-backToTop span {
  margin: 10px 0;
  padding: 20px;
}

.about-section-5-btn-backToTop p {
  margin-bottom: 40px;
}

.home-section-6-btn-allProjects span {
  margin: 10px 0;
}

.home-section-6-btn-allProjects p {
  margin-bottom: 20px;
}

.about-section-5-btn-backToTop,
.home-section-6-btn-allProjects {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  border-radius: 100px;
  transition: 0.5s;
}

.about-section-5-btn-backToTop:hover,
.home-section-6-btn-allProjects:hover {
  transform-style: preserve-3d;
  cursor: pointer;
  transform: rotate(-15deg) scale3d(0.95, 0.95, 1);
  border: 1.5px solid #fff;
}

/* HOVER EFFECT */


/* FOOTER */

footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer-line {
  width: 100%;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.25);
}

.footer-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.footer-contact-item-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 20px 0;
}

.footer-contact-item-1 img {
  width: 45px;
  height: 45px;
  border-radius: 100px;
  margin-right: 20px;
}

.footer-contact-item-2 {
  display: flex;
  justify-content: flex-end;
}

#footer-h3 {
  font-size: 47px;
}

.footer-contact-item-3 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.footer-contact-item-3-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-contact-item-3-1 a {
  margin: 10px 20px 20px 0;
  display: inline-block;
  position: relative;
}

.footer-contact-item-3-1 a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #fff;
  transform-origin: 100% 0;
  transform: scalex(0);
  transition: transform 0.3s ease-out;
}

.footer-contact-item-3-1 a:hover::after {
  transform-origin: 0 0;
  transform: scaleX(1);
}

.footer-contact-item-3-2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  font-weight: 200;
  width: 100%;
}

.footer-contact-item-3-2 p {
  margin: 10px 0 20px 0;
}

/* RESPONSIVE */

/* MEDIA 375px */
@media screen and (min-width: 375px) {


  /* FOOTER */

  .footer-h3 {
    font-size: 55px;
  }
}

/* MEDIA 425px */
@media screen and (min-width: 425px) {

  /* HOME */

  .home-header {
    margin-top: 30%;
  }

  #home-header-name_h3 {
    font-size: 3em;
  }

  #home-header-firstname-h3 {
    font-size: 3em;
  }

  .home-section-5-h2 {
    margin: 70px;
    font-size: 1em;
  }


  /* ABOUT */
  /* LINKS */

  .about-section-6-item-2 {
    margin-left: 15px;
  }

  .about-section-6-item-1 a,
  .about-section-6-item-2 a {
    font-size: 25px;
  }

  /* FOOTER */

  #footer-h3 {
    font-size: 50px;
  }

  .footer-contact-item-3-2 {
    font-size: 16px;
  }
}

/* MEDIA 768px */
@media screen and (min-width: 768px) {

  /* HOME */

  .home-header-bg img {
    top: 60px;
  }

  .home-header {
    margin-top: 20%;
  }

  .home-header-title {
    margin-top: 10px;
  }

  #home-moha-bekh {
    margin-top: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
  }

  #home-header-name_h3 {
    font-size: 4em;
    margin-right: 180px;
  }

  #home-header-firstname-h3 {
    font-size: 4em;
    margin-left: 100px;
  }

  .home-section-2-h3 {
    font-size: 3em;
  }

  .home-section-3 p,
  .home-section-4 p {
    margin-left: 60px;
  }

  .home-all-text {
    margin-left: 30px;
  }

  .home-section-3-h1,
  .home-section-4-h1 {
    font-size: 2em;
  }

  .home-section-3,
  .home-section-4 {
    text-align: left;
    display: flex;
    justify-content: center;
    padding-left: 70px;
  }

  .home-section-4 {
    margin-top: 50px;
  }


  /* SELECTED WORK */

  .home-section-5-h2 {
    margin-top: 250px;
  }

  img,
  video {
    object-fit: cover;
    width: 100%;
  }

  .mousemove {
    display: block;
  }

  .home-perso-projects,
  .home-pro-projects {
    margin: auto;
    width: 75%;
  }

  .home-project-globla-container-carre {
    width: 40%;
    display: flex;
    flex-direction: column;
  }

  .home-project-globla-container-paysage {
    display: flex;
    flex-direction: column;
    width: 60%;
  }

  .home-project-globla-container-portrait {
    display: flex;
    flex-direction: column;
    width: 30%;
  }

  .home-project-globla-container-wide {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .home-project-top-container {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
  }

  .home-project-mid-container {
    display: flex;
    gap: 20px;
  }

  .home-project-bot-container {
    margin-top: 10px;
  }

  .home-perso-project-1,
  .home-pro-project-1,
  .home-perso-project-4,
  .home-perso-project-6,
  .home-pro-project-6,
  .home-pro-project-8,
  .home-pro-project-10,
  .home-pro-project-4,
  .home-pro-project-5-2,
  .home-perso-project-11 {
    display: flex;
    justify-content: flex-start;
    margin: 200px 0;
  }

  .home-perso-project-1-2,
  .home-perso-project-3,
  .home-pro-project-3,
  .home-perso-project-8,
  .home-perso-project-9,
  .home-perso-project-10,
  .home-perso-project-11-2 {
    display: flex;
    justify-content: center;
    margin: 200px 0;
  }

  .home-perso-project-2,
  .home-perso-project-5,
  .home-perso-project-7,
  .home-pro-project-2,
  .home-pro-project-7,
  .home-pro-project-9,
  .home-pro-project-12,
  .home-pro-project-11,
  .home-pro-project-5 {
    display: flex;
    justify-content: flex-end;
    margin: 200px 0;
  }

  /* ABOUT */

  .about-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    height: 60vh;
    margin-top: 200px;
  }

  .about-header img {
    margin-left: 150px;
  }

  .about-section-3 p,
  .about-section-4 p {
    margin: 80px 0 0 60px;
  }

  .about-all-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 30px;
  }

  .about-section-2,
  .about-section-3,
  .about-section-4 {
    text-align: left;
    display: flex;
    justify-content: center;
    padding-left: 30px;
  }

  .about-section-2 {
    height: 100vh;
  }

  .about-section-4 {
    flex-direction: column;
    justify-content: center;
    height: 150vh;
  }

  .about-section-4-image {
    display: flex;
    justify-content: center;
  }

  /* LINKS  */

  .about-section-6-item-2 {
    margin-left: 30px;
  }

  .about-section-6-item-1 p,
  .about-section-6-item-2 p {
    font-size: 20px;
  }

  .about-section-6-item-1 a,
  .about-section-6-item-2 a {
    font-size: 50px;
  }

  .check-links {
    font-size: 46px;
  }

  /* FOOTER */

  .footer-contact {
    flex-direction: row;
    align-items: center;
  }

  .footer-contact-item-1 {
    justify-content: flex-start;
  }

  #footer-h3 {
    font-size: 55px;
  }

}

/* MEDIA 1024px */
@media screen and (min-width: 1024px) {

  /* HOME  */

  .home-header-bg img {
    top: 0px;
  }

  .home-header {
    margin-top: 10%;
  }

  /* HEADER */


  /* .home-header-title {
    margin-top: 10px;
  }

  #home-moha-bekh {
    margin-top: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
  }
*/
  #home-header-name_h3 {
    font-size: 5em;
    margin-right: 180px;
  }

  #home-header-firstname-h3 {
    font-size: 5em;
    margin-left: 180px;
  }

  /* MAIN SERVICE*/

  .home-section-2 {
    margin-top: 500px;
    display: flex;
    justify-items: stretch;
    height: 50vh;
  }

  .home-section-2-h2 {
    margin: 70px 0;
  }

  .home-section-2-item-2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 90%;
  }

  .home-section-1-item-2-top {
    display: flex;
    justify-content: space-between;
    gap: 80px;
  }

  .home-section-2-item-2-bot-1 {
    display: flex;
    justify-content: space-between;
    gap: 80px;
  }

  /* I CREATE */
  .home-section-3 {
    height: 100vh;
  }

  .home-all-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 80px;
  }

  .home-section-3 {
    margin-left: 20%;
  }

  .home-section-4 {
    margin-left: 20%;
  }

  .home-section-3-h1,
  .home-section-4-h1 {
    font-size: 3.5em;
  }

  /* ABOUT  */

  .about-header {
    align-content: flex-start;
    align-items: stretch;
    height: 50vh;
  }

  .about-all-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 200px;
  }

  #about-header-h1 {
    font-size: 80px;
  }

  #about-section-3-h1,
  #about-section-4-h1 {
    font-size: 60px;
  }

  .about-header img {
    margin-left: 180px;
  }

  .about-section-3 p,
  .about-section-4 p {
    margin: 80px 0 0 100px;
  }

  .about-section-4-image {
    justify-content: flex-end;
  }

  #about-section-4-photo {
    margin: 100px 200px 0 0;
  }

  /* LINKS  */

  .about-section-6-item-2 {
    margin-left: 50px;
  }

  .about-section-6-item-1 a,
  .about-section-6-item-2 a {
    font-size: 60px;
  }

  /* FOOTER  */

  #footer-h3 {
    font-size: 60px;
  }

}

/* MEDIA 1440px */
@media screen and (min-width: 1440px) {

  /* ABOUT  */

  /* LINKS  */

  .about-section-6 {
    justify-content: flex-start;
  }

  .about-section-6-item-2 {
    margin-left: 50px;
  }

  .about-section-6-item-1 a,
  .about-section-6-item-2 a {
    font-size: 80px;
  }

  .about-section-6-item-1 span,
  .about-section-6-item-2 span {
    margin-left: 20px;
  }

  .about-section-6-item-1 p,
  .about-section-6-item-2 p {
    color: hsla(0, 0%, 100%, 0.25);
  }
}