html {
  scroll-behavior: smooth;
}
#slider-container {
  height: 100vh;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #000;
}

#sldier {
  height: 100%;
  width: 100%;
}

#slider .slide img {
  height: 100%;
  width: 100%;
}

#prev, #next {
  cursor: pointer;
  max-width: 60px;
  opacity: 0;
  position: absolute;
  top: 45%;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  z-index: 999;
}

#prev { left: 10px; }

#next { right: 10px; }

#slider-container:hover #prev, #slider-container:hover #next { opacity: .7; }

.slide {
  position: absolute;
  width: 100%;
  left: 0;
}

.slide-copy {
  bottom: 50vh;
    width: 100%;
    color: #fff;
    padding: 20px;
    position: absolute;
}
.loginForm .close, .loginRegister .close,
.popup .close
{
  color: #FFF;
  position: absolute;
  top:10px;
  right:10px;
  cursor: pointer;
}
.loginForm, .loginRegister, .popup{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
  width: 300px;
  height: 300px;
  background-color: rgba(0,0,0,0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index:999;
  border-radius: 20px;
}
.loginRegister{
  margin-top: -225px;
  margin-left: -200px;
  width: 400px;
  height: 450px;
}
.loginForm h2, 
.loginRegister h2,
.popup h2{
  color: #FFF;
}
.popup h2{
  text-align: center;  
}
.loginForm button,
.loginForm input,
.loginRegister button,
.loginRegister input
{
  width: 80%;
  margin-top: 10px;
}
.loginRegister input
{
  width: 45%;
  padding: 2px;
  border-radius: 5px;
  margin-right: 2px;
}
.loginRegister .row-form{
  display: flex;
  justify-content: center;
}
a{
  cursor: pointer;
}