body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.LoginBox{background-color:#eee;border:3px solid #393a30;border-radius:12px;box-shadow:0 8px 16px 0 #0003;padding:50px 30px;position:absolute;right:15%;text-align:center;top:50%;transform:translateY(-50%);width:350px;z-index:1}.lbContent{color:black(0,0,0);margin-bottom:30px}.textbox{:focus{background-color:#fff;border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;color:#212529;outline:0}}.hlink{color:#506594}.LoginButton{background-color:#396a92;border:1px solid #0000;border-radius:500px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;height:48px;letter-spacing:2px;line-height:1;min-width:160px;outline:none;padding:16px 14px 18px;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal}.LoginButton:hover{background-color:#5688b1}.ForgotButton{color:#4f4f5b;cursor:pointer;text-decoration:underline}.header{font-size:2.2rem;margin-top:0}.Login{background:linear-gradient(#2e2e2e,#282a35);height:100vh;padding:30px}.LoginLogo{height:120px;width:120px}.LoginGraphic{background:#6d682a;border:3px solid #8e917b;border-radius:12px;box-shadow:0 8px 16px 0 #0003;height:400px;left:15%;padding:20px 30px;position:absolute;text-align:left;top:50%;transform:translateY(-50%);width:450px;z-index:1}.LoginGraphicTitle{font-size:2.2rem;font-weight:600;margin-bottom:30px;text-shadow:1px 1px 3px grey}.LoginGraphicText,.LoginGraphicTitle{color:#fff;font-family:Verdana,sans-serif}.LoginGraphicText{font-size:1.1rem;font-weight:500;margin-bottom:15px;text-shadow:1px 1px 1px grey}.SideTab{align-items:center;background-color:#929256;color:#fff;display:flex;flex-direction:column;font-size:1.5rem;height:100vh;position:absolute;width:200px}.NavItem{color:#000;font-weight:500;margin:35px}.TextButton{cursor:pointer;text-decoration:none;transition:color .2s}.TextButton:hover{color:dimgray}.Logo{height:120px;width:120px}.CenterTab{background-color:#eeee;border:2px solid #393a30;border-radius:12px;box-shadow:0 8px 16px 0 #0003;height:600px;left:57%;overflow:auto;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:1080px}.RemoveBTN{cursor:pointer;text-decoration:none;transition:color .2s}.RemoveBTN:hover{color:red}table{border:1px solid #000;border-collapse:collapse;height:100%;position:relative;table-layout:fixed;width:100%}td,th{border:1px solid #000;padding:10px;text-overflow:ellipsis;white-space:nowrap}img{height:32px;object-fit:contain;width:32px}*{box-sizing:border-box}.tabs-container{display:flex;font-family:Akkurat Mono,monospace;justify-content:space-between;padding:0 4vw;white-space:pre-wrap;width:100%}.tab{background-color:#333;height:60vh;width:42%}.RightTab,.tab{position:relative}.RightTab{left:55vw}.LeftTab{left:5vw}.LeftTab,.TopTab{position:absolute}.TopTab{top:5%}.BottomTab{bottom:5%;position:absolute}.container{background-color:#333}.internal_container{background-color:#999;flex-grow:1;height:25vh;width:100%}.fake_tab{display:inline-block;margin-left:40px}.text_box{max-height:100%;overflow:auto;padding:15px;text-align:justify;text-justify:auto;text-overflow:ellipsis}.button-generic{background-color:#336;border:none;border-radius:8px;bottom:20px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;padding:12px 24px;position:absolute}.inactive{background-color:#d9d9d9}.active,.inactive{border-radius:10px;margin:5px;padding-bottom:2px;padding-left:5px;padding-right:5px}.active{background-color:#afb4f8}.unset{background-color:red;margin:5px;padding-left:5px;padding-right:5px}.rounded_edges,.unset{border-radius:10px;padding-bottom:2px}.rounded_edges{padding-left:10px;padding-right:10px}.Home{display:flex;font-family:Arial;font-size:large;padding-bottom:20px;padding-top:20px;position:flex}.editInput{:focus{background-color:#fff;border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;color:#212529;outline:0}}.checkButton,.xButton{border-radius:50%;bottom:15px;cursor:pointer;height:75px;position:absolute;width:75px}.overlay-dim{background:#1e3b20bf;color:#fff;display:grid;font-size:32px;font-weight:700;inset:0;place-items:center;position:fixed;z-index:10}.Grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px}.GridItem{align-items:center;aspect-ratio:1;border-radius:20%;display:flex;flex-direction:column;justify-content:center;padding:5px;transition:background-color .3s}.GridItem:hover{background-color:#d3d3d3;cursor:pointer}.Image{aspect-ratio:1/1;border-radius:50%;height:65%;object-fit:cover;width:65%}.Name{margin-bottom:-10px}.LinkReset{color:inherit;text-decoration:none}.Profile{display:flex;font-family:Arial;font-size:large;padding-bottom:20px;padding-top:20px;position:flex}.imageOverlay{border-radius:50%;height:250px;left:0;object-fit:contain;opacity:0;position:absolute;transition:opacity .2s ease-in-out;width:250px;z-index:1}.images:hover .imageOverlay{opacity:.25}.editButton{background:#fff;border-radius:5px;box-shadow:0 2px 5px #00000014;color:#000;cursor:pointer;padding:6px 10px;position:absolute;right:15px;text-decoration:none;top:15px}.editSuccess{color:#70b870}.editError,.editSuccess{position:absolute;right:16px;top:40px}.editError{color:#e55a5a}.bottomTextEdit{border-radius:5px;bottom:-10px;color:#000;font-size:large;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%)}.editInput{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;border:1px solid #9c9c9c;border-radius:4px;color:#212529;font-size:16px;font-weight:400;line-height:1.5;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:50%;:focus{background-color:#fff;border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;color:#212529;outline:0}}textarea.editInput{font-family:Arial;resize:none;width:100%}.eiSmall{width:28%}.editLabel{margin-right:5px}label.editLabel{display:inline-block}.radioGroupEdit input[type=checkbox],.radioGroupEdit input[type=radio]{display:none}.radioGroupEdit label{background-color:#e1e1e1;border-radius:15px;color:#969696;cursor:pointer;margin:0 2px;padding:4px 7px}.radioGroupEdit label:hover{background-color:#87cefa4d;transition:.3s}.radioGroupEdit input[type=checkbox]:checked+label,.radioGroupEdit input[type=radio]:checked+label{background-color:#87cefa;color:#000}.RGEperm label:hover{background-color:#ee82ee4d;transition:.3s}.RGEperm input[type=checkbox]:checked+label,.RGEperm input[type=radio]:checked+label{background-color:violet;color:#000}.FriendProfile{display:flex;font-family:Arial;font-size:large;padding-bottom:20px;padding-top:20px;position:flex}.activeBubble,.bubble,.inactiveBubble,.permBubble{border-radius:15px;margin:0 2px;padding:4px 7px}.permBubble{background-color:violet}.activeBubble{background-color:#87cefa}.inactiveBubble{background-color:#e1e1e1;color:#969696}.profilePhoto{border-radius:50%;height:250px;object-fit:contain;position:relative;width:250px}.userDetails{left:5%;position:relative}.backButton{background:#fff;box-shadow:0 2px 5px #00000014;cursor:pointer;left:15px;padding:6px 10px;text-decoration:none;top:15px}.backButton,.bottomText{border-radius:5px;color:#000;position:absolute}.bottomText{bottom:15px;font-size:large;left:50%;padding:4px 8px;transform:translateX(-50%)}.bioBox,.bottomText{background-color:#d3d3d3}.bioBox{border-radius:5px;margin-top:-10px;padding:5px}.Footer{background-color:#111;bottom:0;height:14%;left:12.85%;opacity:100%;position:absolute;width:100%;z-index:-1}.background_colour_grey{background-color:#bbb;color:#000;height:100%}.Quiz{background:linear-gradient(#2e2e2e,#282a35);font-family:Arial;height:100vh;padding:30px}.CenterQuiz{background-color:#eeee;border:2px solid #393a30;border-radius:12px;box-shadow:0 8px 16px 0 #0003;height:550px;overflow:auto;padding:20px;top:55%;transform:translate(-50%,-50%);width:1080px}.CenterQuiz,.Title{left:50%;position:absolute}.Title{color:#fff;font-size:36pt;margin:0;text-align:center;text-shadow:1px 1px 3px grey;top:30px;transform:translateX(-50%)}.Center,.QuizImage{display:block;margin:0 auto}.QuizImage{aspect-ratio:1/1;border-radius:50%;height:15%;object-fit:cover;width:15%}.tbLabel{margin:0 20px 10px}label.tbLabel{display:block}.textbox{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;border:1px solid #9c9c9c;border-radius:4px;color:#212529;font-size:16px;font-weight:400;line-height:1.5;margin:0 20px 20px;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:calc(100% - 40px);:focus{background-color:#fff;border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;color:#212529;outline:0}}textarea.textbox{font-family:Arial;resize:vertical}.ButtonPfp{background-color:initial;border:1px solid #0000;border-radius:500px;box-shadow:inset 0 0 0 2px #616467;color:#616467;cursor:pointer;font-size:14px;font-weight:700;height:48px;letter-spacing:2px;line-height:1;min-width:160px;outline:none;padding:16px 14px 18px;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal}.ButtonPfp:hover{background-color:#616467;color:#fff}.radioGroup{gap:10px;margin:0 20px 20px}.radioGroup input[type=checkbox],.radioGroup input[type=radio]{display:none}.radioGroup label{background-color:#fff;border:1px solid #9c9c9c;border-radius:4px;cursor:pointer;padding:8px 16px}.radioGroup label:hover{background-color:#ddd;transition:.3s}.radioGroup input[type=checkbox]:checked+label,.radioGroup input[type=radio]:checked+label{background-color:#517a92;color:#fff}.ButtonSubmit{background-color:#396a92;border:1px solid #0000;border-radius:500px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:48px;letter-spacing:2px;line-height:1;margin-bottom:25px;margin-top:50px;min-width:160px;outline:none;padding:16px 14px 18px;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal}.ButtonSubmit:hover{background-color:#5688b1}.LogoutButton{color:#506594;cursor:pointer;font-size:15pt;position:absolute;right:3%;transition:.2s}.LogoutButton:hover{color:#a5b3d0}.ResetPassword{background:linear-gradient(#2e2e2e,#282a35);font-family:Arial;height:100vh;padding:30px}.CenterRP{background-color:#eeee;border:2px solid #393a30;border-radius:12px;box-shadow:0 8px 16px 0 #0003;height:550px;overflow:auto;padding:20px;top:55%;transform:translate(-50%,-50%);width:1080px}.CenterRP,.TitleRP{left:50%;position:absolute}.TitleRP{color:#fff;font-size:36pt;margin:0;text-align:center;text-shadow:1px 1px 3px grey;top:30px;transform:translateX(-50%)}.textboxRP{-webkit-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;border:1px solid #9c9c9c;border-radius:4px;color:#212529;font-size:16px;font-weight:400;line-height:1.5;margin:0 20px 20px;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:calc(100% - 40px);:focus{background-color:#fff;border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;color:#212529;outline:0}}.tbLabelRP{margin:0 20px 10px}label.tbLabelRP{display:block}.ButtonSubmitRP{background-color:#396a92;border:1px solid #0000;border-radius:500px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:48px;letter-spacing:2px;line-height:1;margin-bottom:25px;margin-top:50px;min-width:160px;outline:none;overflow:hidden;padding:16px 14px 18px;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal;width:48px}.ButtonSubmitRP:hover{background-color:#5688b1}.CenterRP{display:block;margin:0 auto}
/*# sourceMappingURL=main.938f2bcb.css.map*/