@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);body{font-family:Roboto,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-attachment:fixed!important;background-position:center center!important;background-size:cover}.box{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:350px;padding:40px;background:rgba(255,255,255,.99);border-radius:.5rem;box-sizing:border-box}.box h2{margin:0 0 20px;padding:0;font-size:24px;text-transform:uppercase}.box .input-group{position:relative;width:100%;margin-bottom:25px}.box .input-group input{height:50px;width:100%;padding:0 20px;box-sizing:border-box;font-size:18px;outline:0;border:1px solid #000}.box .input-group span{position:absolute;top:14px;left:20px;padding:0;transition:.5s;pointer-events:none;background:#fff;text-transform:uppercase}.box .input-group input:focus~span,.box .input-group input:hover~span,.box .input-group input:valid~span{top:-14px;left:14px;font-size:12px;padding:2px 4px;border:1px solid #000;background:#1abc9c;color:#fff}.box .input-group input[type=submit]{background:#1abc9c;border:none;box-shadow:none;text-transform:uppercase;cursor:pointer;font-weight:600;color:#fff}.box .input-group input[type=submit]:hover{background:#16a085}.box a{color:#262626;text-decoration:none;display:block;text-align:left}.box a span{color:#262626;font-weight:600}.my-logo img{max-width:280px!important}