body {
  height: 100vh!important;
  overflow: hidden;
  background: #fff;
}
.presentation-container  {
overflow: hidden;
height: 100%;
background-image: url(../img/bg-pattern.png);
background-position: center center;
position: relative;
}
.presentation-container::before  {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.presentation-container-width,.connexion-container  {
width: 45%;
position: relative;
}
.presentation-container .bar-top,.presentation-container .bar-bottom{
background-color: var(--primaire);
border-radius: 5rem;
rotate: 45deg;
height: 3.5rem;
position: absolute;
}
.presentation-container .bar-top{
left: 0;
}.presentation-container .bar-bottom{
right: 0;
}
.presentation-container .bar-top:nth-child(1) {
top: -2rem;
inset-inline-start: -1.5rem;
width: 17rem;
}
.presentation-container .bar-top:nth-child(2) {
top: 2rem ;
inset-inline-start: -5rem;
width: 20rem;
}
.presentation-container .bar-top:nth-child(3) {
top: 3rem;
inset-inline-start: -9rem;
width: 17rem;
}
.presentation-container .bar-bottom:nth-child(7){
  bottom: 0;
  bottom: -2rem;
  inset-inline-end: -1.5rem;
  width: 17rem;
}
.presentation-container .bar-bottom:nth-child(6) {
bottom: 2rem ;
inset-inline-end: -5rem;
width: 20rem;
}
.presentation-container .bar-bottom:nth-child(5) {
bottom: 3rem;
inset-inline-end: -9rem;
width: 17rem;
}
.logo{
  width: 15rem;
  margin-bottom: -2rem;
}
.presentation-container p{
  text-align: center;
  font-size: 1.25rem;
  margin: 0 auto 2rem;
  font-family: "AirbnbCerealMedium";
}
.connexion-container{
position: relative;
}
.connexion-container em{
  display: block;
  text-align: center;
  font-size: .9rem;
}
.connexion-container  .input-group {
padding: .2rem 1rem;
border: 1px solid var(--primaire);
margin: 2rem 0;
border-radius: .75rem;
background: rgba(255,255,255,.7);
}
.connexion-container .input-group:focus-within {
background: rgba(255,255,255,1);
}
.connexion-container .input-group:focus-within input{
background: transparent;
}
.input-group span.icon {
text-align: center;
width:6%;
padding: 1rem 0px;
color: var(--primaire);
font-size: 1.25rem;
}
.connexion-container a {
  font-size: .9rem;
  display: inline-block;
  font-family: "AirbnbCerealLight";
  margin-top: -1rem;
    margin-bottom: 1rem;
}
.connexion-container a:hover{
  text-decoration: underline;
}
.connexion-container button,.connexion-container a.button {
  background: var(--primaire);
  border: none;
  color: #fff;
  padding: 1rem;
  border-radius: .75rem;
  width: 100%;
  text-align: center;
  font-family: "AirbnbCerealBook";
}
.footer{
  position: absolute;
  bottom: 1rem;
}