* { padding:0px; margin:0px; } header{ padding-top: 30px; padding-right: 30px; padding-left: 30px; padding-bottom: 40px; font-weight: bolder; font-size: 30px; color: white; } body{ background:url("https://images.unsplash.com/photo-1485579149621-3123dd979885?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80"); background-repeat: no-repeat; background-size: cover; opacity: 0.5; } .container{ margin:10px 10px; padding: 20px; } input[type=text]{ width:43%; background: white; border:2px solid #aaa; border-radius:20px; margin:8px 0; outline:none; padding:8px; box-sizing:border-box; transition:.3s; } .change{ padding-bottom: 30px; } button[type=submit]{ border: 1px solid #000000; border-radius: 15px; background: white; padding: 10px 20px; font-size:20px ; font-family: "montserrat"; cursor: pointer; margin: 10px; color: #000000; transition: 0.8s; position: relative; overflow: hidden; } button[type=submit]:hover{ color:white; } input[type=text]:focus{ border-color: dodgerBlue; box-shadow:0 0 8px 0 dodgerBlue; } h1{ text-align: center; } .table-dec{ display: flex; justify-content: center; width: 100%; } .content-table { border-collapse: collapse; margin: 25px 0; font-size: 0.9em; min-width: 400px; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .content-table thead tr { width:100%; background-color: #009879; color: #ffffff; text-align: left; font-weight: bold; } .content-table th, .content-table td { padding: 12px 15px; } .content-table tbody tr { border-bottom: 1px solid #dddddd; } .content-table tbody tr:nth-of-type(even) { background-color: rgba(243, 243, 243, 0.7); } .content-table tbody tr:last-of-type { border-bottom: 2px solid #009879; } .content-table tbody tr.active-row { font-weight: bold; color: #009879; } .change { width: 100%; display: flex; justify-content: space-evenly; } .button-dec { width: 100%; display: flex; justify-content: center; }