@import url(http://fonts.googleapis.com/css?family=Droid+Serif);body{margin:0;padding:0}h2{text-align:center;font-size:24px;color:#fffaf3}hr{margin-bottom:30px}div.container{margin:50px auto;font-family:'Droid Serif',serif;position:relative;margin-left:39%;margin-top:9%}div.main{width:320px;margin-top:80px;float:left;padding:10px 55px 40px;background-color:rgba(104,140,102,.65);box-shadow:5px 1px 19px 6px;border-radius:6px;font-size:13px}input[type="text"],[type="password"]{width:97.7%;height:34px;padding-left:5px;margin-bottom:20px;margin-top:8px;box-shadow:0 0 5px #928888;border:2px solid #95a6a7;color:#4f4f4f;font-size:16px}label{color:#fff;font-size:17px}#login{width:100%;background:linear-gradient(#22abe9 5%,#36caf0 100%);border:1px solid #0f799e;font-size:20px;margin-top:15px;padding:8px;font-weight:bold;cursor:pointer;color:#fff;text-shadow:0 1px 0 #13506d}#login:hover{background:linear-gradient(#36caf0 5%,#22abe9 100%)}#insert{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#fb3;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;top:110px;font-size:17px}#insert.show{visibility:visible;-webkit-animation:fadein .5s , fadeout .5s 2.5s;animation:fadein .5s , fadeout .5s 2.5s}#edit{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#fb3;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;top:110px;font-size:17px}#edit.show{visibility:visible;-webkit-animation:fadein .5s , fadeout .5s 2.5s;animation:fadein .5s , fadeout .5s 2.5s}@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 110px; opacity: 1;}
}@keyframes fadeout {
    from {top: 110px; opacity: 1;}
    to {top: 0; opacity: 0;}
}