@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300);.login-wrapper{background:white;background:-webkit-gradient(linear, left bottom, left top, from(#f6f2e7), color-stop(90%, #fff));background:linear-gradient(to top, #f6f2e7 0%, #fff 90%);position:absolute;width:100%;overflow:hidden;height:100%;top:0;right:0;font-family:'Source Sans Pro', sans-serif}.login-wrapper a{text-align:center;z-index:3;cursor:pointer;top:20vh;right:-webkit-calc(50% - 27px);right:calc(50% - 27px)}.login-wrapper .logo{margin-top:0px;height:200px;width:200px;position:relative}.login-wrapper .container{margin:0 auto;padding-top:28vh;text-align:center}.login-wrapper .container h2{color:#fff;font-size:40px;font-weight:100}.login-wrapper .form-signin{padding:20px 0;position:relative;z-index:2}.login-wrapper .form-signin input{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:1px solid #100e10;background-color:#fcfaf5;width:280px;-webkit-transition:width 0.10s ease-in-out;transition:width 0.10s ease-in-out;-webkit-border-radius:3px;border-radius:3px;padding:10px 15px;margin:0 auto 10px auto;display:block;text-align:center;font-size:18px;font-family:'Source Sans Pro', sans-serif;color:#100e10;-webkit-transition-duration:0.25s;transition-duration:0.25s;font-weight:300}.login-wrapper .form-signin input:-webkit-autofill{-webkit-text-fill-color:#100e10;-webkit-box-shadow:0 0 0px 1000px #fcfaf5 inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-wrapper .form-signin input:hover{background-color:rgba(255,255,255,0.4)}.login-wrapper .form-signin input:focus{background-color:#fcfaf5;color:#100e10;width:330px;-webkit-transition:width 0.10s ease-in-out;transition:width 0.10s ease-in-out}.login-wrapper .form-signin button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:rgba(255,255,255,0.9);border:1px solid #100e10;padding:10px 15px;color:#100e10;-webkit-border-radius:3px;border-radius:3px;width:280px;cursor:pointer;font-size:18px;font-family:'Source Sans Pro', sans-serif;-webkit-transition-duration:0.25s;transition-duration:0.25s;margin:0 auto}.login-wrapper .form-signin button:hover{background-color:#fff}.login-wrapper .form-signin button:focus{outline:0}.login-wrapper .bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.login-wrapper .bg-bubbles li{position:absolute;list-style:none;display:block;width:35px;height:35px;background-image:url("/img/logo-white.svg");bottom:0;opacity:0;-webkit-animation:square 25s infinite;animation:square 25s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}.login-wrapper .bg-bubbles li:nth-child(1){left:10%}.login-wrapper .bg-bubbles li:nth-child(2){left:20%;width:70px;height:70px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:17s;animation-duration:17s}.login-wrapper .bg-bubbles li:nth-child(3){left:25%;-webkit-animation-delay:4s;animation-delay:4s}.login-wrapper .bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-duration:22s;animation-duration:22s}.login-wrapper .bg-bubbles li:nth-child(5){left:70%}.login-wrapper .bg-bubbles li:nth-child(6){left:80%;width:100px;height:100px;-webkit-animation-delay:3s;animation-delay:3s}.login-wrapper .bg-bubbles li:nth-child(7){left:32%;width:140px;height:140px;-webkit-animation-delay:7s;animation-delay:7s}.login-wrapper .bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s}.login-wrapper .bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s}.login-wrapper .bg-bubbles li:nth-child(10){left:90%;width:140px;height:140px;-webkit-animation-delay:11s;animation-delay:11s}@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}100%{-webkit-transform:translateY(-110vh);transform:translateY(-110vh);opacity:1}}@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}100%{-webkit-transform:translateY(-110vh);transform:translateY(-110vh);opacity:1}}