html {background: black; font-family: Arial, sans-serif;}.bg{content: "";z-index: -1;background-color: #000; background: url(map.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: fixed; top: 0px; left: 0px; margin-top: -10%; margin-left: -10%; padding: 2px; height:120%; width:120%; overflow: hidden; transition: all ease-in-out 1s; opacity: 1;  } .login-box{text-align: center;position: fixed;width: 500px;height: 400px;top:40%;left:50%;border-radius:5px;margin-top: -200px;margin-left: -250px;background: rgba(255,255,255,1);border: 10px solid rgba(255,255,255,.4);-webkit-background-clip: padding-box;background-clip: padding-box; padding-top:20px; opacity:.95;}.login-title{width: 100%;border-bottom: 1px solid rgba(255,255,255,.5);color: #fff;text-align: center;padding-bottom: 10px;margin-bottom: 20px;color: rgba(90,90,255,1); } .login-input{width: 70%;height: 40px;border: 0;color: #666;text-align: center;background: rgba(255,255,225548,.5); box-shadow: 0px 5px 10px #aaa;border-radius: 20px 20px 20px 20px;margin-top: 15px; } .login-input:focus{outline: 0px;background: rgba(207,255,236,.8); } .login-btn{box-shadow: 0px 5px 10px #aaa;cursor:pointer;width: 40%;font-size:16px;height: 40px;border: 0;color: #fff;text-align: center;background: rgba(21,42,74,1);border-radius: 20px 20px 20px 20px;margin-top: 30px;transition: all ease-in-out 0.3s; } .login-btn:hover{ background: rgba(0,81,67,.9); }.blur{filter: blur(7px);-webkit-filter: blur(7px);  -moz-filter: blur(7px);  -o-filter: blur(7px);  -ms-filter: blur(7px); }#fork{position:fixed;bottom:0;right:10px;color:#fff;text-decoration:none;border:1px solid #fff;padding:.5em .7em;margin:1%;transition: color .5s;overflow:hidden;z-index: 5;}#fork2{position:fixed;bottom:0;left : 10px;color:#fff;text-decoration:none;border:1px solid #fff;padding:.5em .7em;margin:1%;transition: color .5s;overflow:hidden;z-index: 5;}#fork:before {content: '';position: absolute;bottom: 0; right: -30px;width: 140%; height: 100%;background: rgba(255,0,0,.7);z-index: -1;transform-origin:0 0 ;transform:translateX(-100%) skewX(-45deg);transition: transform .5s;}#fork:hover {color: #fff !important;}#fork:hover:before {transform: translateX(0) skewX(-45deg);}
  .alert {border:1px solid #e58780;display: none;position: fixed;top: 10px;left: 50%;transform: translateX(-50%);background-color: rgba(244,67,54,.7);color: white;  padding: 10px 20px;border-radius: 5px;}