body { font-size: 13px; font-weight: 300; font-family: helvetica, arial, verdana, sans-serif; text-align:center; min-height: 100% !important; background: #333; color: white; } ::placeholder { color:#D7D7D7; } .login { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width:300px; height:400px; padding:50px; text-align:center; margin:auto; background-color:white; } button { display: flex; flex-direction: row; align-items: center; border-radius: 6px; border: none; width:100px; background: Transparent; box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12); cursor: pointer; margin:auto; padding: 5px 5px; } .space { display: flex; justify-content: space-between; width: 100%; margin: 0 auto; padding: 20px 0; } span { display: flex; justify-content: space-between; width: 100%; margin: 0 auto; padding: 5px 0; } .logout { text-align: right; width:100%; text-decoration:none; height:33px; } .logout a { text-decoration: none; } .logout ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #454545; position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } .logout li { float: left; } .logout li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .logout li a:hover { background-color: #111; } .logout .active { background-color: #BB8FCE; } #output { border-radius: 15px; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); width: fit-content; background-color:white; color:black; } #output tr:nth-child(even){ background-color:#eeeeee; } td { border-collapse: collapse; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; } tr:not(:first-child):hover { background-color: rgba(114, 114, 113, 0.2); } input { padding: 6px; font-size: 14px; border-width: 0px; border-color: #CCCCCC; background-color: #FFFFFF; color: #000000; border-style: solid; border-radius: 9px; box-shadow: 0px 0px 5px rgba(66,66,66,.75); }