body {
  margin: 0 auto;
}

header {
  z-index: 9999;
  background-color: #161616;
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 5vh;
}
.logoLOL {
  max-height: 4vh;
  position: relative;
}


.flex-container1{
  color: rgb(224, 183, 78);
  font-size: 12vh;
  display: flex;
  min-height: 100vh;
  max-height: 50vh;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
}
h1{
  position: absolute;
}



.selec{
  position: relative;
  background-color: #ffffff;
  min-height: 94vh;
}
nav{
  min-height: auto;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-content: space-evenly;
  background-color: #0c0c0c;
  
}
.logonav{
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
  max-height: 7.5vh;
}

.poste{
  background: linear-gradient(#161616, #777777);
  min-height: 92.5vh;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-content: space-evenly;
}
.logoPoste{
  height: 75vh;
}
.descPoste{
  max-width: 35vw;
  font-size: 4vh;
  color:#b0b0b0;
}

.secUnivers{
  background: linear-gradient(#777777, #3d3939);
  min-height: 97.5vh;
  padding-bottom: 5vh;
}
.divUnivers{

}
.objMap{
  height: 100vh;
  width: 100%;
}
.mapRuneterra{
  height: 100%;
  width: 100%;
  object-fit:cover;
}

.secJeu{
  background: linear-gradient(#3d3939, #23313c);
  min-height: 97.5vh;
  padding-bottom: 5vh;
}
h2{
  color: rgb(224, 183, 78);
  font-size: 5vh;
  display: flex;
  margin: 0;
  justify-content: center;
}
.divJeux{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-content: space-evenly;
  margin-top: 5vh;
}
.objJeu {
  height: 80vh;
  width: 20vw;
}
.jeu{
  width: 100%;
  height: 100%;
  object-fit:cover;
}
h3{
  text-decoration: underline;
  color: rgb(224, 183, 78);
  font-size: 3vh;
  display: flex;
  margin: 0;
  justify-content: center;
}

.secArcane{
  background:#23313c;
  min-height: 97.5vh;
}
.divArcane{
  margin-top: 2.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(img/Arcane.png);
  background-position-y: -3vh;
  background-size: 100%;
  min-height: 92.5vh;
}
.imgArcane{
  z-index: 1;
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.videoArcane{
  position: absolute;
}

a{
  color: rgb(128, 20, 20);
}
.txtFooter{
  color: #b0b0b0;
}
.logoRIOT{
  max-height: 3.5vh;
}
footer{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: #161616;
  position: relative;
  bottom: 0;
  width: 100%;
  min-height: 7vh;
}