#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}nav{position:fixed;display:absolute;top:0;left:0;width:100%;background-color:#fff;z-index:1000;box-shadow:0 2px 4px #0000001a;ul {display: flex; height: 25px; align-items: center; li {display: inline; padding: 10px;} a {cursor: pointer; text-decoration: none; color: black;} a:hover {color: #007bff;}}}form{display:flex;flex-direction:column;min-width:500px;border:grey solid 1px;border-radius:10px;padding:20px;background-color:#fff;h1 {font-size: 24px;} input[type="text"],input[type="email"] {margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; width: 200px; height: 20px;} #box2 {display: flex; flex-direction: row; flex-wrap: wrap; margin-left: 5px;} #select-box2 {margin: 10px; padding: 10px;} input[type="radio"] {border: 1px solid #ccc; border-radius: 5px; width: 20px;} button {border: none; border-radius: 5px; background-color: #0097ff; cursor: pointer; width: 100px; color: white; margin: auto;} button:hover {background-color: #005fff;} select {margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; width: 460px;}}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;color:#0097ff}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:10px;padding:20px;width:300px;box-shadow:0 0 20px #0003;transition-duration:1s;display:flex;flex-direction:column;img {width: 220px; height: 200px; border-radius: 10px;} h1 {margin: 0;} .info-section {display: flex; flex-direction: column; align-items: start; margin: auto; padding: 25px; .section {margin: 2px;}} .section-social {.icon {margin: 10px; font-size: 20px; color: #000; transition-duration: .5s; cursor: pointer;} .icon:hover {color: #007bff;}}}.card:hover{transition-duration:1s;transform:scale(1.05)}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;overflow:hidden;height:250px;min-width:950px;border:1px inset black;tr:nth-of-type(even) {background-color: rgba(25,147,251,.3);} tr {display: flex; justify-content: space-between; label {cursor: pointer;} .icon {cursor: pointer; position: fixed;} th {padding: 10px; border-bottom: 1px solid #ccc; display: flex; .filter {align-items: center; justify-content: center; display: flex; margin-left: 5px; .icon {cursor: pointer;}}} input {width: 100px; padding: 5px; border: 1px solid #ccc; border-radius: 5px; margin-top: 5px;} td {width: 100%; padding: 10px; border-bottom: 1px solid #ccc; align-items: center; justify-content: center;}} button {padding: 10px; border: none; background-color: #f1f1f1; cursor: pointer; border-radius: 5px; margin: 5px;} .active {border: 1px solid rgb(25,147,251);}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{background:linear-gradient(62deg,rgb(139,12,58) 0%,rgba(0,212,255,1) 100%);background-attachment:fixed}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}