body { font: 13px/20px "Lucida Grande", Tahoma, Verdana, sans-serif; color: #404040; background: #113946; } .h1 { font-family:Comic Sans Ms; text-align:center; font-size:20pt; color:whitesmoke; } .container-main{ display:flex; align-items:center; flex-direction:column; margin: auto; } .container-item{ display:flex; align-items:center; flex-direction:column; margin: auto; } .container-form{ display:flex; align-content: space-between; } .login { background: white; border-radius: 3px; -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); } .serial-number { color: white; font-size: 16px; } .login p { margin: 20px 0 0; } .login p:first-child { margin-top: 0; } .login input[type=text] { width: 278px; } .login .submit { text-align: center; width: 30%; color: white; background-color:gray; margin: 0.2em; border-radius: 0.8em; } ::-webkit-input-placeholder { color: #ccc; font-size: 18px; } input { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; font-size: 18px; } input[type=text] { margin: 5px; padding: 0 10px; width: 200px; height: 34px; color: #404040; background: white; border: 1px solid; border-color: #c4c4c4 #d1d1d1 #d4d4d4; border-radius: 2px; outline: 5px solid #eff4f7; -moz-outline-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); } input[type=text]:focus:focus { border-color: #7dc9e2; outline-color: #dceefc; outline-offset: 0; }