.login-container{background-image:url(https://wallpapers.com/images/high/wednesday-wallpaper-take-me-to-the-cross-and-leave-me-there-jacob-664vosxx3imbiu9s.jpg);background-position:50%;background-size:cover;height:100vh;overflow:hidden;padding:10px}.wrapper{margin-bottom:20px;margin-top:80px}.form-signin{background-color:hsla(0,0%,78%,.4);border:1px dashed rgba(0,0,0,.1);border-radius:5px;margin:0 auto;max-width:420px;padding:30px 40px 80px 30px}.form-signin-heading{margin-bottom:30px;text-align:center}.form-control{font-size:16px;height:auto;padding:10px;position:relative}input:placeholder-shown{background-color:rgba(13,110,253,.1)!important}input[type=text]{border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-bottom:0}input[type=password]{border-top-left-radius:0;border-top-right-radius:0;margin-bottom:20px}.colorgraph{background:#c4e17f;background-image:-webkit-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 0,#f7fdca 25%,#fecf71 0,#fecf71 37.5%,#f0776c 0,#f0776c 50%,#db9dbe 0,#db9dbe 62.5%,#c49cde 0,#c49cde 75%,#669ae1 0,#669ae1 87.5%,#62c2e4 0,#62c2e4);background-image:-moz-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);background-image:-o-linear-gradient(left,#c4e17f,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fecf71 25%,#fecf71 37.5%,#f0776c 37.5%,#f0776c 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cde 62.5%,#c49cde 75%,#669ae1 75%,#669ae1 87.5%,#62c2e4 87.5%,#62c2e4);background-image:linear-gradient(90deg,#c4e17f,#c4e17f 12.5%,#f7fdca 0,#f7fdca 25%,#fecf71 0,#fecf71 37.5%,#f0776c 0,#f0776c 50%,#db9dbe 0,#db9dbe 62.5%,#c49cde 0,#c49cde 75%,#669ae1 0,#669ae1 87.5%,#62c2e4 0,#62c2e4);border-radius:5px;border-top:0;height:7px}.login-long-username-warning{background-color:#fcf8e3;border:1px solid #faebcc;border-radius:4px;color:#8a6d3b;margin-bottom:10px;padding:15px}input,textarea{border:none;outline:none}input:focus,textarea:focus{border-color:transparent!important}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder,input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}textarea:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#999}input:-moz-placeholder,input::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}textarea::-webkit-input-placeholder{color:#999}textarea:-moz-placeholder,textarea::-moz-placeholder{color:#999}textarea:-ms-input-placeholder{color:#999}