html{
  overflow: hidden;
  margin:0;
  padding:0;
}

body{
  overflow: hidden;
  height:100vh;
  width:100vw;
  margin:0;
  padding:0;
  background:url("../img/bg-connection.jpg");
  background-position:top left;
  background-repeat:no-repeat;
  background-size:cover;
  animation: background-animation 100s infinite;
  position:relative
}

.middle-div{
  width:559px;
  height:100vh;
  position:absolute;
  left:50%;
  transform: translateX(-53%);
  background:url(../img/bg-text.jpg);
  background-repeat: repeat-y;
}

.logo-temporis{
  position:absolute;
  top:0;
  left:50%;
  transform: translateX(-53%);
}

.div-connection{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-20%);
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
}

.form-connection{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.form-connection input[type="password"]{
  padding:20px;
  font-size:25px;
  background:#F49DC3;
  border:solid 5px white;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(255,16,96,1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(255,16,96,1);
  box-shadow: 0px 0px 20px 0px rgba(255,16,96,1);
  outline:none;
  transition:0.4s
}
.form-connection input[type="password"]:focus{
  border:solid 5px #FF105F;
}
.form-connection input[type="submit"]{
  padding:5px 20px;
  font-size:40px;
  font-family: 'Jockey One', sans-serif;
  background:#5AC6D2;
  border:solid 5px #13A1A2;
  margin:40px 0;
  width:300px;
  text-align:center;
  margin-bottom:85px;
  cursor:pointer;
}

.form-connection input[type="submit"]:hover{
  background:#44959e;
  border:solid 5px #0e7070;
}

.div-connection h2{
  color:white;
  font-size:50px;
  text-align: center;
  font-family: 'Jockey One', sans-serif;
  margin:20px 0;
  text-shadow: 0px 0px 12px rgba(19, 161, 162, 1);
}
.div-connection h3{
  color:#FF105F;
  font-size:30px;
  text-align: center;
  font-family: 'Jockey One', sans-serif;
  margin:20px 0;
}
@keyframes background-animation {
  50% {
    background-position: top right;
  }
}