* {margin:0;padding:0;box-sizing:border-box;}a { text-decoration: none; }body {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;font-family: 'Maven Pro', sans-serif;font-size: 1rem;line-height: 1.5;background: #7b7b7b;min-height:100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");overflow-x: hidden;}button {cursor: pointer;border:none;}footer {padding:1rem;text-align: center;color:white;background:black;width:100vw;}footer .footer-links {padding:10px;}footer a {font-size:1rem;color:white;text-decoration: none;margin:10px;}footer a:hover {text-decoration: underline;}h2 {font-size: 2rem;font-weight: bold;text-align: center;color:white;}main {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;min-height: 90vh;gap:1rem;padding-top:3rem;}.modal {display: none; position: fixed; z-index: 1; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); }table {font-size: 14px;width:100%;empty-cells:show;border-collapse:collapse;background:white;text-align: left;}.info-article input[name="update"],.info-article input[name="insert"] {background:#1b1d1b7b;}.table-article table th {padding:5px;text-align: left;border-left:1px solid lightgray;}.table-article table td {padding: 5px;border-left:1px solid lightgray;}.table-article table tr {padding:5px;border-bottom:1px solid lightgray;}.table-article #table-header {padding:5px;background: #ffffff;}.table-article table tr a {color:blue;text-decoration:none;}.table-article table tr a:hover {text-decoration: underline;}.table-article table td.active {background:#1b1d1b7b;}.table-article p {margin:0px 20px;padding-bottom:10px;}.table-article h5 {margin:0px 20px;font-size: 14px;padding:5px 0px;padding-bottom: none;}.table-article .resourceFooter {padding: 5px;background-color: #33495c;}.table-article ul {margin:10px 30px;padding:5px}.table-article ol li {padding-bottom: 10px}.table-article img {max-width:100px;}.table-article td.img {text-align: center;}table {text-align: left;width:100%;}table tr,table th {padding:8px;}table tr:nth-child(even){background-color: #f2f2f2}table td {padding: 10px;border-left:1px solid lightgray;}.empty-table {padding:10px;text-align: center;background:#e6e6e6;}#notification-container {position: fixed;top:55px;z-index: 9;display: flex;flex-direction: column;gap:0.5rem;padding:10px;overflow-y: auto;scrollbar-width: none;}@keyframes slideDown {from {bottom: -100px;transform: translateY(-100%);}to {bottom: 10px;transform: translateY(0);}}@keyframes fadeOut {from {top: 0px;transform: translateY(0);opacity: 100;}to {top: -400px;transform: translateY(-100%);opacity: 0;}}.form-container {margin:20px auto;max-width: 500px;}form {display: flex;flex-direction: column;}textarea {resize:vertical;}form h3 {text-align: center;}form .row {display: flex;flex-direction: column;gap:0.25rem;width:100%;}form .overview {border:1px solid lightgray;padding:10px;}form span {display: block;}form .error {transition: all 0.3s ease;color: red;font-size: 12px;margin: 0;padding: 0;}form input[type="text"],form input[type="email"],form input[type="password"],form input[type="number"],form input[type="date"],form input[type="tel"],textarea, select {transition: all 0.3s ease;padding: 15px;font-size: 16px;border:none;width: 100%;}form .row.checkbox {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap:0.25rem;}form input[type="checkbox"] {cursor: pointer;vertical-align: bottom;}form input[type="checkbox"]:checked {background:#1b1d1b;}form label a {display: inline-block;}form h2 {color: black;}form input[type="submit"] {transition: all 0.3s ease;font-size: 1rem;font-weight: bold;cursor: pointer;color:white;border:none;padding:0.5rem;border-radius:0.25rem;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;background: #111;}form select {border:none;padding:5px;height:50px;cursor: pointer;}form a {color:gray;text-decoration: underline;}input[type='checkbox'] ~ label {color:black;}form hr {margin:20px 0px;color:lightgray;}input[type='submit'] {width:100%;}.forms {display: flex;flex-direction: column;gap:1rem;}.forms .form-article {display: flex;flex-direction: column;gap:1rem;}.forms .form-article form {background:#e6e6e6;padding:1rem;border-radius:0.5rem;display: flex;}form .redirect {text-align: center;}form .redirect span {font-size: 1rem;display: inline-block;}form .redirect a {color: rgb(29, 29, 29);display: inline-block;padding: 8px;}form .dropdown {position: absolute;top:0px;right:0px;background-color: transparent;}form .dropdown-menu button {background:#f8f8f8;color:#0c0c0cc2;border:none;border-bottom:1px solid lightgray;}form .dropdown .dropdown-menu {display: none;position: relative;margin-top: 40px;border:1px solid lightgray;z-index: 9;width: 200px;}form .dropdown .dropdown-menu.show {display: block;}form .container {position: relative;overflow: hidden;background: rgb(241, 241, 241);}form .container .row {border-bottom:1px solid lightgray;padding:20px;}form .container .row:last-of-type {border-bottom:0px;}form .exercise-dropdown {position: relative;}form .exercise-dropdown .exercise-dropdown-menu {max-height:200px;overflow-y: scroll;position:absolute;z-index: 8;width:100%;box-shadow: 0px 2px 2px rgb(167, 167, 167);}form .exercise-dropdown-menu button {background:#f8f8f8;border:none;border-bottom:1px solid rgb(234, 234, 234);color:#3f3f3f;border-radius: 0;justify-content: flex-start;width: 100%;}form .exercise-dropdown-menu button:last-of-type {border-bottom:0;}form .timestamp {color:gray;font-weight: 100;margin-top: 20px;}form .timestamp h5 {flex:1;padding:5px;}form .timestamp buttonform a.btn.start {flex:1;border-radius: 5px;border:0px;box-shadow: 0px 2px 2px rgb(197, 197, 197);background: rgb(84, 180, 84);font-weight: bold;}#workout {display:flex;}nav {z-index: 99;display: flex;justify-content: space-between;align-items: center;box-shadow: 0px 0px 1px black;position:fixed;background:#1b1d1b;width:100vw;max-width: 100vw;padding: 0.5rem 1rem;}nav a {transition: all 0.3s ease;display: flex;justify-content: center;align-items: center;color:white;text-decoration: none;}nav .nav-links {display: flex;justify-content: center;align-items: center;gap: 1rem;position: relative;}nav button {padding:0.25rem;background:none;border:unset;width:2rem;height:2rem;box-shadow:unset;max-width:100%;display: flex;justify-content: center;align-items: center;}nav button:hover {background: transparent;}#home {color: white;font-size:1.5rem;margin-left: 2rem;font-family: "Caveat", serif;font-optical-sizing: auto;}#login {width:30px;height:30px;}#burger {cursor: pointer;float: left;position: relative;border: none;display: none;}#burger + label {position: relative;height: 20px;width: 20px;z-index: 99;flex:1;}#burger + label span {position: absolute;width: 100%;height: 2px;top: 50%;margin-top: -1px;left: 0;background: white;transition: .5s;}#burger + label span:first-child {top: 4px;}#burger + label span:last-child {top: 16px;}#burger + label:hover {cursor: pointer;}#burger:checked + label span {opacity: 0;top: 50%;}#burger:checked + label span:first-child {opacity: 1;transform: rotate(45deg);}#burger:checked + label span:last-child {opacity: 1;transform: rotate(-45deg);}#burger-menu {opacity: 0;transition: all 0.3s ease;position:absolute;top:2.2rem;left: 0;text-align: left;display:flex;flex-direction: column;height: 100vh;overflow-y: scroll;z-index: 1;padding-bottom: 3rem;width:13rem;color: white;background:white;border-top:1px solid #1b1b1b;visibility: hidden;margin-left: -1rem;scrollbar-width: none;box-shadow: 0px 0px 1px black;}#burger-menu a {color:black;transition: all 0.3s;display: flex;justify-content: flex-start;align-items: center;gap: 1rem;padding: 1rem;transition: .5s;transition-delay: 0s;opacity: 0;width:100%;border-bottom:1px solid rgb(213, 213, 213);}#burger-menu a:last-of-type {border-bottom:unset;}#burger-menu hr {border-bottom: 1px solid rgb(226, 226, 226);}nav input:checked ~ #burger-menu {opacity: 1;visibility: visible;}nav input:checked ~ #burger-menu a {opacity: 1;transition-delay: .0s;}#searchbar-container {display: flex;justify-content: flex-start;align-items: center;}#searchbar {display: flex;justify-content: center;align-items: center;flex-direction: row;position: relative;}#searchbar input {padding:0.5rem;background:rgba(255, 255, 255, 0.4);border-radius: 1rem;width:300px;}#searchbar svg {color: white;position: absolute;right: 0.8rem; pointer-events: none; }@media screen and (max-width:500px) {#home {margin-left: 1rem;}#burger-menu {width: 100vw;}}#message.show {animation: fadeIn 1s;top:60px;}#message.hide {animation: fadeOut 1s;top:-80px;}#message {text-align: center;transition: all 0.3s ease;margin:0px;display: block;color:white;visibility: visible;animation: fadeOut 2s;visibility: hidden;position: fixed;z-index: 5;top:-40px;box-shadow: 1px 1px 2px black;padding:0.5rem;font-size:1.2rem;}#messageh5 {font-size: 20px;margin:0px;}#message.show {visibility: visible;animation: fadeIn 1s;top:58px;overflow:hidden;}#message.hide {visibility: hidden;animation: fadeOut 1s;top:-40px;}#message b.white {color:white;padding:5px;font-weight: bold;}.fail {background-color:red;}#message.success {background:green;}#message.fail {background:red;}@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}@keyframes fadeOut {from {opacity: 1;}to {opacity:0 ;}}