.sidenav { height: 100%; width: 160px; position: fixed; z-index: 1; top: 0; left: 0; background-color: #FA003F; overflow-x: :hidden; padding-top: 20px; } .sidenav a { padding: 6px 8px 6px 16px; text-decoration: none; font-size: 20px; color: #FEEFE5; display: block; line-height: 1.6; } .sidenav a:hover { color: #00916E; } .main { margin-left: 160px; padding: 0px 10px; } .authContent { top: 50%; left: 50%; position: absolute; width: 400px; height: 550px; padding: 80px 40px; background-color: #FEEFE5; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #2B3D41; } .authContent h2 { margin: 0; padding: 0 0 20px; text-align: center; text-transform: uppercase; } .authContent p { margin: 0; padding: 0; font-weight: bold; line-height: 1.5; } .authContent input { width: 100%; margin-bottom: 20px; } .authContent input[type=text], .authContent input[type=email], .authContent input[type=password]{ border: none; border-bottom: 1px solid #2B3D41;; background: transparent; outline: none; height: 35px; color: #2B3D41;; } .authContent input[type=submit]{ height: 30px; color: #FFF; font-size: 15px; background: #00916E; cursor: pointer; border-radius: 25px; border: none; outline: none; margin-top: 15px; } input[type=checkbox]{ width: 20%; } .titleBar { height: 50px; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; background-color: #2B3D41; padding-top: 20px; text-align: center; text-decoration: none; font-size: 30px; color: #FEEFE5; display: block; } background-color:#FA003F