:root {--main-color: #555555;--text-color: #FFFFFF;}html {font-family: sans-serif;color: var(--text-color);height: 100%;width: 100%;}body {width: 100%;margin: 0;background-image: url("/assets/blurry-gradient.svg");background-repeat: no-repeat;background-size: cover;background-position: center;}div.topbar {width: 100%;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);height: 50px;position: fixed;display: flex;left: 0;right: 0;bottom: 0;}div.topbar a {text-decoration: none;font-size: 44px;color: var(--text-color);margin: auto;}div.topbar a.cog:hover, div.topbar a.cog:active {animation: spin 4s linear infinite;}@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}div.bodyHolder {width: 100%;display: flex;justify-content: center;}div.body400 {max-width: 400px;}div.body1200 {max-width: 1200px;overflow-x: scroll;}div.body {width: 100%;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 2rem;margin: 8px;border-radius: 20px;animation: fadeUp 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);}@keyframes fadeUp {from {opacity: 0.7;transform: translateY(8px);}to {opacity: 1;transform: translateY(0);}}div.body h1 {margin: 0;}div.center-page {display: flex;justify-content: center;}div.hidden-page {display: none;}a.link {text-decoration: none;color: #5577FF;}form.updateacc {max-width: 250px;width: 100%;}form.updateacc label {font-size: 14px;margin: .5rem 0 .1rem 0;display: block;width: 100%;}form.updateacc input[type="text"],form.updateacc input[type="submit"],form.updateacc input[type="email"],form.updateacc input[type="password"] {display: block;background: none;border: none;background: rgba(0, 0, 0, 0.15);color: var(--text-color);font-size: 16px;padding: .5rem;width: calc(100% - 1rem);}form.updateacc input[type="text"]:focus,form.updateacc input[type="email"]:focus,form.updateacc input[type="password"]:focus {outline: none;background: rgba(0, 0, 0, 0.2);}form.updateacc input[type="submit"] {margin-top: .5rem;width: 100%;}form.updateacc input[type="submit"]:active,form.updateacc input[type="submit"]:hover {background: rgba(0, 0, 0, 0.2);}form.updateacc span.formpattern {color: #ffd583;}table.yanrtable tr {background: rgba(0, 0, 0, 0.15);}table.yanrtable td {max-width: 200px;word-wrap: break-word;overflow-wrap: break-word;white-space: normal;}table.yanrtable th,table.yanrtable td {padding: .5rem;color: var(--text-color);}form.addrow input[type="text"],form.addrow input[type="submit"],form.addrow input[type="email"],form.addrow input[type="password"],form.addrow select {display: inline-block;background: none;border: none;background: rgba(0, 0, 0, 0.15);color: var(--text-color);font-size: 16px;padding: .5rem;}form.addrow input[type="text"]:focus,form.addrow input[type="email"]:focus,form.addrow input[type="password"]:focus {outline: none;background: rgba(0, 0, 0, 0.2);}form.addrow input[type="submit"]:active,form.addrow input[type="submit"]:hover {background: rgba(0, 0, 0, 0.2);}div.loginerrorbox {background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);width: calc(100% - 1rem);padding: .5rem;margin-bottom: 1rem;}/*Buttons of admin pages */#roles div.role button,#rolemembers div.roleuser button,#page-users table tbody tr td input{display: inline-block;background: none;border: none;background: rgba(0, 0, 0, 0.15);color: var(--text-color);font-size: 16px;padding: .5rem;}#roles div.role button:hover,#rolemembers div.roleuser button:hover,#page-users table tbody tr td input:hover{background: rgba(0, 0, 0, 0.2);}@media (max-width: 800px) {div.topbar {top: unset;bottom: 0;}div.bodyHolder {padding-bottom: calc(50px + 8px);}}@media (min-width: 800px) {div.topbar {bottom:unset;top: 0;}div.bodyHolder {padding-top: calc(50px + 8px);}}