* { font-family: Roboto, Mono; font-size: 14px; } table{ width: 50%; margin: 30px auto; border-collapse: collapse; text-align: left; } tr { border-bottom: 1px solid #cbcbcb; } th, td{ border: none; height: 30px; padding: 2px; } tr:hover { background: #F5F5F5; } form { width: 45%; margin: 50px auto; text-align: left; padding: 20px; border: 1px solid #bbbbbb; border-radius: 5px; } .input-group { margin: 10px 0px 10px 0px; } .input-group label { display: block; text-align: left; margin: 3px; } .input-group input { height: 30px; width: 93%; padding: 5px 10px; font-size: 16px; border-radius: 5px; border: 1px solid gray; } .search-group input { height: 30px; width: 93%; font-size: 14px; } .btn { padding: 10px; font-size: 15px; color: white; background: #5F9EA0; border: none; border-radius: 5px; } .create_btn { text-decoration: none; padding: 2px 5px; background: #5F9EA0; color: white; border-radius: 3px; } .back_btn { text-decoration: none; padding: 2px 5px; background: #88B8E7; color: white; border-radius: 3px; margin: 400px; } .edit_btn { text-decoration: none; padding: 2px 5px; background: #2E8B57; color: white; border-radius: 3px; } .del_btn { text-decoration: none; padding: 2px 5px; color: white; border-radius: 3px; background: #800000; } header { background: #5F9EA0; position: fixed; top: 0; left: 0; right: 0; height: 40px; display: flex; align-items: center; box-shadow: 0 0 25px 0 black; } header * { display: inline; } header li { margin: 20px; } header li a { color: black; text-decoration: none; } main { background: white; } .hero { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; color: white; background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url('https://www.pepperconstruction.com/sites/default/files/images/pmc1.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } .hero h1 { font-size: 5em; margin-top: 0; margin-bottom: 0.5em; } .success { background: #cdf3cd; padding: 10px 60px; border: #c3e6c3 1px solid; display: inline-block; }