/*CHARGEMENT DIFFÉRÉ*/
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}


html{
    overflow: hidden;
    height: 100vh;
    height:-moz-available;
    height:-webkit-fill-available;
    max-width: 100%;
    max-width:-moz-available;
    max-width:-webkit-fill-available;
}

body {
  margin: 0;
}

.main{
    height: 100vh;
    max-height:-moz-available;
    max-height:-webkit-fill-available;
    max-width: 100%;
    max-width:-moz-available;
    max-width:-webkit-fill-available;
    overflow: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.halfPage {
  height: 100vh;
  max-height:-moz-available;
  max-height:-webkit-fill-available;
  width: 100%;
  max-width: 100%;
  max-width:-moz-available;
  max-width:-webkit-fill-available;
  overflow: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 2;
}




/*Titres*/
.title{
    margin: 20px 0 20px 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#mainTitle{
  font-size: 3em;
}




/* LIENS */

a:link {
    text-decoration: none;
    transition-duration: 0.5s;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}


/*Themes*/
body {
    background-color: #1A1A1A;
    color: #fafafa;
}



a {
  color: #fafafa;
}

@media (hover: hover) { /*Detecte la présence d'une souris*/
  /*Lien Elie*/
  a:link {
    color: #adadad;
  }
  a:visited {
    color: #adadad;
  }
  a:hover {
    color: #fafafa;
    filter: brightness(120%)
  }
  a:active {
    color: #fafafa;
    filter: brightness(120%)
  }

  /*Lien BBM*/
  .bbm:link {
    color: #fafafa;
    filter: brightness(90%)
  }

  .bbm:visited {
    color: #fafafa;
    filter: brightness(90%)
  }

  .bbm:hover {
    color: white;
    filter: brightness(105%)
  }

  .bbm:active {
    color: white;
    filter: brightness(105%)
  }
}


.elie {
  font-family: 'Work Sans', sans-serif;
}

.bbm {
  font-family: 'Pragmatica Ext Bold', 'Work Sans', sans-serif;
}

/* Photos */
.elie {
  background: url('https://elieb-fr-pictures.s3.eu-west-3.amazonaws.com/jpg/dlf-chair.jpg');
  background-size: cover;
  background-position: right;
}

.bbm{
  background: url('https://elieb-fr-pictures.s3.eu-west-3.amazonaws.com/jpg/bbm.jpg');
  background-size: cover;
}



/*PETITS ÉCRANS*/
@media(max-width:950px) and (min-aspect-ratio:1) {
  #mainTitle{
    font-size: 2em;
  }
}


@media(max-aspect-ratio:1){
  .main {
    flex-direction: column;
  }
  
}

@media(max-width:500px){
  #mainTitle{
    font-size: 2em;
  }
}



/* Généralités : désactivation des options automatiques*/
p{
    margin: 0;
}

/* Désactivation du dégradé sur Firefox */
:invalid{
    box-shadow: none;
}

@font-face {
  font-family: 'Pragmatica Ext Bold';
  src: url('pragmatica.woff');
}