body{
 margin: 0;
 padding: 0;
 background:url(../../img/bg.jpg) fixed;
 background-color:#ed811b30;
 background-size: cover;
 /*background-position: center;*/
 background-repeat:no-repeat;
 font-family:Tahoma;
 font-size:14px;
 letter-spacing:1px;
}
.login-box{
 width: 350px;
 height: 460px;
 background-image: linear-gradient(359deg, #0f00fc, #01dbe7);
 color: #ffffff;
 top: 48%;
 left: 22%;
 border: 2px solid #013ba6;
 position: absolute;
 transform: translate(-50%,-50%);
 box-sizing: border-box;
 padding: 20px 30px;
 box-shadow: 0 0 15px #08f0f5;
 /*border-top-left-radius:25px 120px;
 border-top-right-radius:25px 120px;
 border-bottom-left-radius:25px 120px;
 border-bottom-right-radius:25px 120px;*/
}
.avtar{
display:none;
}

@media only screen and (max-width:800px) {
.login-box{
 left: 50%;	
}
.avtar{
 /*width: 100px;
 height: 100px;
 border-radius: 50%;*/
 position: absolute;
 top: -40px;
 left: calc(35% - 28px); 
display:block;
	/*-webkit-box-shadow: 0px 3px 0px 3px rgb(76 67 60);*/
}
}

h1{
margin: 30px 0px 0px 0px;
padding: 0px 0 20px;
text-align: center;
font-size:24px;
color:#e7ff00;
}
.login-box p{
margin: 0;
padding: 0;
font-weight: bold;
color:#ffffff;
}
.login-box input{
width:100%;
margin-bottom: 20px;
}
.login-box input[type="checkbox"]{
width:10%;
margin-bottom: 10px;
}
.login-box input[type="text"], input[type="password"], input[type="image"]
{
border: none;
border-bottom: 1px solid #e7a6bec9;
background: transparent;
outline: none;
height: 30px;
color:#ffffff;
 font-family:Tahoma;
 font-size:14px;
 letter-spacing:1px;
}
.login-box input[type="submit"]
{
border: none;
outline: none;
height: 40px;
background: #00c8d6;
color:#ffffff;
border-radius: 20px;
 font-family:Tahoma;
 font-size:18px;
 letter-spacing:1px;
width:50%;
}
.login-box input[type="submit"]:hover
{
cursor: pointer;
background: #01f9fb;
color:#000000;
}