@font-face {
  font-family: "font pixel";
  src: url("fonts/uni05_53.ttf");
}

body {
  font-family: "font pixel";
  background-color: black;
}

* {
  --bg-color: #000000;
  --text-color: #ffffff;
  --primary-color: #f125c6;
  --secondary-color: #14fcde;

  --title-size: 5rem;
  --text-size: 2rem;
}

html {
  scroll-behavior: smooth;
}

header {
  position: absolute;
  padding: 0 !important;
  top: 0;
}

#menuNavbar {
  position: absolute;
  right: 1rem;
}
.nav-item {
  margin-left: 1rem;
  margin-right: 1rem;
}

#main-illus {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
}

.mainvideo {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -2;
  transform: translateX(-50%) translateY(-50%);
}

.fondu_noir {
  position: absolute;
  height: 10rem;
  width: 100%;
}
.fondu_noir_top {
  top: 0;
  background: linear-gradient(to bottom, var(--bg-color), transparent);
}
.fondu_noir_top_content {
  top: -10rem;
  background: linear-gradient(to top, var(--bg-color), transparent);
}
.fondu_noir_bottom {
  bottom: 0;
  background: linear-gradient(to top, var(--bg-color), transparent);
}

#main-illus .row {
  position: absolute;
  top: 62%;
  text-align: center;
}

#main-illus .title {
  color: white;
}

/*** MAIN CONTENT ***/
#main-content {
  position: relative;
  background-color: var(--bg-color);
  padding-top: 1px;
}

.titles {
  text-align: center;
  color: white;
  margin-top: 3rem;
}
.titles > * {
  font-size: 3rem;
}

.titles .pictos {
  width: 100%;
  float: left;
  height: 3rem;
  margin-top: -2.5rem;
  background-image: url("../img/png/pictos_allonges.png");
  background-repeat: no-repeat;
  background-size: 270%;
  background-position-x: 50%;
}

.row.features {
  margin: 1rem;
}

.video-features {
  border: #00fcdf 3px solid;
  padding: 0;
}
.video-features:nth-child(2) {
  border: #e624cc 3px solid;
}

.content-features {
  padding: 1rem;
  padding-top: 8rem;
}

.block__notice {
  text-align: center;
  margin-bottom: 15px;
  margin-left: 30%;
  margin-right: 30%;
  padding: 20px;
  border: 3px solid #00fcdf;
  border-radius: 4px;
}

.content-features.background-blue {
  /* All sides 
  border-image-slice: 30%;
  border-image-slice: 10% 30%;
  border-image-slice: 30 30% 45;
  border-image-slice: 7 12 14 5;
  border-image-slice: 10% fill 7 12;
  border-image-slice: inherit;
  border-image-slice: initial;
  border-image-slice: unset; */
  background: no-repeat center/97% url("../img/png/Contour_1.png");
  border: #000000 0px solid;
}

.content-features.background-pink {
  /* All sides 
  border-image-slice: 30%;
  border-image-slice: 10% 30%;
  border-image-slice: 30 30% 45;
  border-image-slice: 7 12 14 5;
  border-image-slice: 10% fill 7 12;
  border-image-slice: inherit;
  border-image-slice: initial;
  border-image-slice: unset; */
  background: no-repeat center/97% url("../img/png/Contour_1_rose.png");
  border: #000000 0px solid;
}

.title-features {
  margin-top: -4rem;
  margin-bottom: 5rem;
  text-align: center;
  color: var(--text-color);
}

.row.patchnote {
  width: 100%;
  height: 100%;
}

footer {
  background-color: #191919;
}

.row.footer p {
  margin-left: 0rem;
}

.espace {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.twitter {
  margin-bottom: 5px;
  margin-left: 2rem;
}

.nav-link {
  color: white;
  text-align: center;
  z-index: 101;
}

.fondu_noir_1 {
  margin-left: -2rem;
  margin-top: -2rem;
  position: fixed;
  z-index: 1;
}

.nav {
  z-index: 100;
}

.navbar {
  z-index: 1000;
}

.logo.exoblast {
  width: 4rem;
}

.logo.exoblast2 {
  width: 60%;
  height: auto;
  margin-left: 20%;
}

.logo.exoblast3 {
  height: 15rem;
  width: auto;
}

.logo.exoblast4 {
  height: 15rem;
  width: auto;
}

.logo.exoblast6 {
  height: 10rem;
  width: auto;
  margin-top: 1rem;
}

.logo.exoblastOK {
  margin-left: calc(50% - 256px);
  width: auto;
}

.center {
  text-align: center;
}

#team {
  margin-top: 10rem;
}

.row.home {
  margin-top: -6rem;
}

.row.images {
  margin-left: 5%;
  margin-right: 5%;
}

.sectionImages {
  margin-bottom: 5rem;
  padding-top: 1rem;
}

.camille {
  max-width: 225px;
  max-height: 225px;
  overflow: visible;
}

.lukhash {
  max-width: 225px;
  max-height: 225px;
}

.row.center {
  margin: 0 auto;
}

.row.center img {
  margin-top: 3rem;
  border-radius: 100%;
}

.whoIsBehind {
  margin-top: 5rem;
}

.hr2 {
  width: 1px;
  height: 100%;
  margin-top: 5%;
  padding-bottom: 10%;
  margin-left: 0;
  margin-right: 0;
}

.videos {
  height: 20rem;
  width: 100%;
}

.btn_sttings {
  width: 12rem;
  position: absolute;
  margin-top: -3.8rem;
  margin-left: -0.9rem;
  z-index: -1;
}

.home p {
  margin-left: 5rem;
  margin-right: 4rem;
}
.home2 p {
  margin-left: 5rem;
  margin-right: 4rem;
}

p {
  color: white;
}

.featurestitles {
  color: white;
  float: right;
  margin-bottom: -50rem;
}

.contour1 {
  margin-top: -3rem;
}

.contour2 {
  margin-top: -3rem;
}

.roadmap {
  width: 8rem;
}

.patchnote {
  width: 100%;
}

.designfond {
  width: 140%;
  margin-top: -115rem;
  padding-right: 40rem;
  background-position: center;
}

html.presskit {
  background-color: var(--bg-color);
}

.copyright {
  background-color: #f125c6;
}

@media (max-width: 992px) {
  * {
    text-align: center;
  }

  .center-mobile {
    margin: 0 auto;
  }

  .logo.exoblast2 {
    width: 60%;
    height: auto;
    margin: 0 auto;
  }
}
.logo-dreamirl{
  width: 40%;
    height: auto;
    margin: 0 auto;
}