* {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
   background-image: url("ptn.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  height: 100vh;
  font-family: system-ui;
}




.logo {
   
  background-image: url("logo2.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  top: 0;
  width:700px;
  height:234px;
  margin-right:auto;
   margin-left:auto;
}



.video-form {
    margin: 10px auto;
    width: 1080px;
    padding: 30px 25px;
    background: white;
    border-radius: 10px;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.12); 
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.12);
}



.form {
    margin: 10px auto;
    width: 322px;
    padding: 30px 25px;
    background: white;
    border-radius: 10px;
    
    
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.12); 
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.12);
}
h1.login-title {
    color: #666;
    margin: 0px auto 25px;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
}
.login-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
    height: 25px;
    width: calc(100% - 23px);
}
.login-input:focus {
    border-color:#6e8095;
    outline: none;
}
.login-button {
    color: #fff;
    background: #1b7964;
    border: 0;
    outline: 0;
    width: 100%;
    height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.link {
    color: #666;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
    padding-top: 15px;
}
.link a {
    color: #666;
}
h3 {
    font-weight: normal;
    text-align: center;
}



.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.logo4 {
   
  background-image: url("logo4.png");
  background-repeat: no-repeat;
  background-position: center top;
  top: 0;
  width:700px;
  height:234px;
  margin-right:auto;
   margin-left:auto;
}