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


/* Variables */
:root{
    --home-bg--section-vision: #151515;
    --dark-blue-50:#E6E6F9;
    --green-50:#EAFCE8;
    --bg--section-intro:#0500AF;
    --green-500:#2EE316;
    --green-100:#BEF6B7;
    --red-600:#DA512E;
    --text--section-into:#E6E6F9;
}

body{
    background: var(--home-bg--section-vision);
    color: var(--text--section-into);
    margin: 0;
    font-family: 'Helvetica',Arial, Helvetica, sans-serif;
    width: 100vw;
}


/* SECTION INTRO */

.section--intro{
  display: flex;
  padding-top: 7rem;
  padding-left: 2rem;
  width: 100vw;
  height: 80vh;
  flex-direction: column;
  align-items: left;
  flex-shrink: 0;
  background:radial-gradient(409.15% 114.69% at 50% 41.34%, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.25) 39.61%), var(--bg--section-intro);
  background-image: url(/assets/img/texture--intro--full.jpeg);
  background-size: cover;
  background-blend-mode: color-dodge, normal, normal;
}

h1{
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}

.h1-sub{
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}

.location-info{
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

.div--location{
  display: flex;
  /* padding: 0rem 0.1875rem 0rem 0.5rem; */
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  margin: 0;
}

.svg--location{
  margin: 0;
}

.div--name-intro{
  display: flex;
flex-direction: column;
align-self: stretch;
align-items: flex-start;
margin: 0;
}

header{
  display: flex;
width: 22.875rem;
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
margin: 0;
}

.div--darrousez{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.svg--more-info{
  animation: svg--more-info-in 300ms ease-in-out infinite;
  animation-delay:svg--more-info-in 400ms;
  animation: svg--more-info-out 800ms ease infinite;
  animation-delay:svg--more-info-out 200ms;
}

@keyframes svg--more-info-out{
  0%{
    transform: translateX(0px);
  }
  80%{
    transform: translateX(11px);
  }
  100%{
    transform: translateX(-4px);
  }
}

@keyframes svg--more-info-in{
  0%{
    transform: translateX(9px);
  }
  100%{
    transform: translateX(0px);
  }
}

.div--name-subtitles{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}





/* SECTION VISION */

h2{
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
}

.section--vision{
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 1.5rem;
}

.title-design--vision{
  font-family: Lato;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  margin-top: .5rem;
  margin-left: 3rem;
}

.p--design--vision{
  margin-top: .25rem;
  font-family: Lato;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 6.25rem; 
  width: auto;
  max-width: 60ch;
}

/* SECTION ARCHIVE */

.section--archive{
  
}