PHP Code:
/*
Mystic Avengers 420
Developed By BamBam0077 */
body {
background: #222 url(http://demo.shnayder.pro/works/through-the-universe/img/background.jpg) no-repeat center center fixed;
padding: 1px;}
::-webkit-input-placeholder {
color:#333;}
input:-moz-placeholder {
color:#333;}
div.login {
width: 500px;
position: relative;
margin-top: 240px;
margin-left: 582px;}
div.boxCont {
width: 700px;
padding: 30px;
margin-top: 10px;
border-radius: 10px;
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.75);
background: -moz-linear-gradient(top, rgba(24, 24, 24, 0.5) 0%, rgba(0, 0, 0, 0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(24, 24, 24, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.75) 100%));
background: -webkit-linear-gradient(top, rgba(24, 24, 24, 0.5) 0%, rgba(0, 0, 0, 0.75) 100%);
background: -o-linear-gradient(top, rgba(24, 24, 24, 0.5) 0%, rgba(0, 0, 0, 0.75) 100%);
background: -ms-linear-gradient(top, rgba(24, 24, 24, 0.5) 0%, rgba(0, 0, 0, 0.75) 100%);
background: -webkit-linear-gradient(top, rgba(24, 24, 24, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);
overflow: hidden;}
/* Shadow */
.boxCont:after {
position: absolute;
bottom: -20px;
left: 0;
width: 147%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.5);}
.boxCont div {
overflow: hidden;}
/* Buttons */
input.btn {
display: inline-block;
text-decoration: none;
font: 14px/18px Arial, sans-serif;
color: white;
padding: 12px 40px;
margin: 15px 0 0;
margin-left: 40px;
cursor: pointer;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(to bottom, #049cdb, #0064cd);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
border: 1px solid #ccc;
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;}
input.btn.right {
float: right;}
input.btn:hover {
background-position: 0 -15px;
text-decoration: none;}
input.btn:active {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
/* Input */
input[type=text], input[type=password] {
padding: 14px 10px;
width: 100%;
border: 1px solid #ccc;
display: block;
margin-left: -10px;
background: #d3efff;
background: -moz-linear-gradient(top, #d3efff 0%, #ffffff 55%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3efff), color-stop(55%,#ffffff));
background: -webkit-linear-gradient(top, #d3efff 0%,#ffffff 55%);
background: -o-linear-gradient(top, #d3efff 0%,#ffffff 55%);
background: -ms-linear-gradient(top, #d3efff 0%,#ffffff 55%);
background: linear-gradient(top, #d3efff 0%,#ffffff 55%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3efff', endColorstr='#ffffff',GradientType=0 );
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
input[type=password] {
margin-top: 5px;}
input[type=text]:focus {
border-color: #0D4573;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(82, 168, 236);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(82, 168, 236);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(82, 168, 236);}
input[type=password]:focus {
border-color: #0D4573;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(82, 168, 236);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(82, 168, 236);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(82, 168, 236);}
/* Animation */
.css3-notification {
-webkit-animation: bounce 1.2s ease-out;
-moz-animation: bounce 800ms ease-out;
-o-animation: bounce 800ms ease-out;
animation: bounce 1.2s ease-out;}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
0% {
transform:translateY(-100%);
opacity: 0;}
5% {
transform:translateY(-100%);
opacity: 0;}
15% {
transform:translateY(0);
padding-bottom: 5px;}
30% {
transform:translateY(-50%);}
40% {
transform:translateY(0%);
padding-bottom: 6px;}
50% {
transform:translateY(-30%);}
70% {
transform:translateY(0%);
padding-bottom: 7px;}
80% {
transform:translateY(-15%);}
90% {
transform:translateY(0%);
padding-bottom: 8px;}
95% {
transform:translateY(-7%);}
97% {
transform:translateY(0%);
padding-bottom: 9px;}
99% {
transform:translateY(-3%);}
100% {
transform:translateY(0);
padding-bottom: 9px;
opacity: 1;}
}
i would sort this out and a side note you have errors in your bittorrant on longin