.account-container{align-items:center;display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.account-container * button{background-color:var(--primary-colour);border:none;color:#fff;font:16px arial;margin:.5rem;padding:5px;text-decoration:none}.account-container * input{font:14px arial}.account-info-container{display:flex;flex-flow:row;gap:1em;height:10vh;margin:1em;min-height:30px;min-width:80%;padding:0;width:90vw}.account-info-avatar{max-height:100%;max-width:25%;overflow:hidden}.account-info-avatar img{max-height:100%;max-width:100%}.account-info-username{align-content:center;display:inline;text-align:center;width:75%}.account-info-username,.account-twofa{background-color:var(--secondary-colour)}.account-twofa{margin:5px;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.account-delete{border:1px solid;margin:5px;padding:5px}.account-change-avatar{align-content:center;display:flex;justify-content:center;margin:5px;padding:5px;width:100%}.account-container * form{background-color:var(--secondary-colour);border:none;color:#fff;font:16px arial;padding:5px;text-align:center;text-decoration:none}.account-change-username{font:16px arial;margin:5px;padding:5px;text-decoration:none}.account-change-username form{text-decoration:none}.account-container * label{color:#fff;margin:5px;padding:.5rem}.account-container * label,.protection-popup{background-color:var(--secondary-colour)}.app-container{--background-colour:#cf6766;--primary-colour:#304150;--secondary-colour:#031424;--tertiary-colour:#8eaebd;color:#fff;display:flex;flex-direction:column;font-size:16px;height:100vh;text-align:center}.app-container,.page-container{background-color:var(--background-colour)}.page-container{height:90%;justify-content:center;padding:0}header{background-color:#fff;column-gap:20px;display:flex;flex-direction:row}header>div{align-self:center}nav{align-items:center;display:flex;flex-direction:row;font-weight:600;gap:3vw;height:5vh;min-height:3em;padding-left:1em}nav,nav a{background-color:var(--primary-colour);color:#fff;text-align:center}nav a{font-feature-settings:"smcp";display:inline-block;font-family:arial;font-size:1.5rem;font-variant:small-caps;margin:0;padding:5px;text-decoration:none}nav a:visited{color:#fff}nav a:hover{background-color:var(--secondary-colour)}nav a:active{background-color:#fff;color:var(--secondary-colour)}.search-bar{display:flex;flex-direction:row}.search-bar input{width:60%}.search-container{display:flex;flex-direction:column;height:100%;padding-left:2em;padding-right:2em;text-align:left;width:100%}.search-icon{background-color:var(--secondary-colour);color:#fff}.search-results{display:flex;flex-direction:column;gap:.5em;height:90%;list-style:none;overflow-y:scroll;padding:0;width:100%}.results-header{background-color:var(--secondary-colour);display:flex;flex-direction:row;justify-content:space-between;margin:0;width:100%}.results-header>div{padding:.5em 1em .5em .5em;width:33%}.search-result{background-color:var(--primary-colour);display:flex;flex-direction:row;justify-content:space-between;justify-content:space-evenly;list-style:none;padding-left:1em;padding-right:1em;width:90%}.search-result>div{padding-bottom:.5em;padding-top:.5em}.result-name{font-weight:700;width:60%}.result-type{width:20%}.result-action{text-align:right;width:20%}.popup-content{height:200px}.notifications-icon{position:absolute;right:2vh;top:1vh}.home-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:5vh}.home-container h1{align-self:center;color:var(--secondary-colour);font-size:1.5em;position:relative}.home-container p{text-align:start}.home-container a{background-color:var(--secondary-colour);color:#fff;display:inline-block;padding:5px;text-decoration:none}.jan-container{background-color:var(--background-colour);bottom:0;height:100px;position:absolute;right:5vw;transition:background-image .3s ease,background-color .3s ease;width:100px}.jan-container:hover{background-image:url(/static/media/JanSmit.b06e717d0612a967dbe8.jpeg);background-size:contain}.liwen-container{background-color:var(--background-colour);bottom:0;height:100px;position:absolute;right:5vw;transition:background-image .3s ease,background-color .3s ease;width:100px}.liwen-container:hover{background-image:url(/static/media/LilWayne.b2510e64c437979ff9ae.jpeg);background-size:contain}.tiemen-container{background-color:var(--tertiary-colour);bottom:0;height:100px;position:absolute;right:5vw;transition:background-image .3s ease,background-color .3s ease;width:100px}.tiemen-container:hover{background-image:url(/static/media/TinaTurner.4ee7c396b4148fa93b0f.jpeg);background-size:contain}.naomi-container{background-color:var(--background-colour);bottom:0;height:100px;position:absolute;right:5vw;transition:background-image .3s ease,background-color .3s ease;width:100px}.naomi-container:hover{background-image:url(/static/media/NaomiCampbell.9b9879b3a24ce49bfb27.jpeg);background-size:contain}.authenticate-container{border:none;margin:0;padding:0}.navy-button,.navy-caps-button{background-color:var(--secondary-colour);border:none;color:#fff;cursor:pointer;font:16px arial;margin:.5rem;padding:.5rem;text-decoration:none}.navy-caps-button{font-feature-settings:"smcp";font-variant:small-caps}.authenticate-container h3{color:var(--secondary-colour)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;background-color:#e6e4e4;margin:5px;min-height:650px;min-width:600px}.channel-menu-container{background-color:var(--tertiary-colour);border-radius:.5em;display:flex;flex-flow:column;font-size:12px;height:94%;margin-top:.5em;top:10px;width:90%}.channel-menu-members-header{background-color:var(--secondary-colour);color:#fff;margin-top:.5em;padding:.5em}.channel-member-list-container{display:flex;flex-flow:column wrap;height:auto;width:90%}.channel-menu-member-container{color:var(--secondary-colour);display:flex;flex-direction:row;gap:.5em;margin:5px;padding:2px;width:100%}.member-role-container{display:flex;flex-flow:column wrap;margin:0;padding:0}.member-role-container p{font-size:.9em;margin:0}.channel-menu-member-name{background-color:var(--primary-colour);border:1px solid #000;border-bottom:1.5px outset #000;border-radius:.2rem;color:#fff;font-size:1.2em;justify-items:center;padding:.3rem;text-align:center}.channel-menu-member-name:hover{cursor:pointer}.channel-menu-settings{background-color:var(--secondary-colour);display:block;margin-top:10px;padding:.5em}.channel-menu-leave-channel button{background-color:var(--secondary-colour);color:#fff;display:inline-block;margin:10px;padding-left:1em;padding-right:1em;text-decoration:none}.chat-container{align-content:center;display:flex;flex-direction:row;height:95%;list-style:none;margin:0;width:100%}.channel-container{align-items:center;background-color:var(--tertiary-colour);display:flex;flex-flow:column wrap;justify-items:center;margin:0 0 0 2rem;padding-top:.75rem;position:relative;width:100%}.channel-title-container{background-color:var(--secondary-colour);display:flex;flex-direction:row;height:4%;justify-content:center;margin-top:0;width:75%}.channel-menu-button{font-size:1.15em;position:relative}.channel-screen-container{background-color:#fff;border:2px solid gray;border-radius:1.5rem;flex-flow:column wrap;height:80%;justify-self:center;list-style:none;margin:2.5rem 0 0;overflow-y:scroll;padding:1rem 6px;position:absolute;width:80%}.message{background-color:var(--primary-colour);border:1px solid;padding:5px;text-align:left}.channel-input-container{align-content:center;bottom:0;justify-content:center;margin:1rem;position:absolute;width:100%}.channel-input-container input{width:50%}.chat-nav-container{margin:0 1vw;position:relative;width:10em}.chat-list,.chat-nav-container{display:flex;flex-direction:column;gap:1.25rem}.chat-list{height:70%;list-style:none;margin:0 0 1em;overflow-y:scroll;padding-top:2em}.chat-list ul{background-color:#fff;display:block;padding:5px;width:100%}.chat-list button{background-color:var(--secondary-colour);border:none;color:#fff;padding:.5rem;text-decoration:none}.chat-list button:hover{background-color:var(--primary-colour)}.new-channel-form{gap:2rem}.new-channel-input-container{display:flex;flex-direction:row;font-size:14px;margin:5px;padding:5px;width:97%}.new-channel-error-msg{color:red;font-size:11px}.new-channel-input-container input{margin-left:10px}.new-channel-input-container label{width:150px}fieldset{border:none}.channel-placeholder{background-color:var(--secondary-colour);justify-self:center;line-height:2rem;padding:.5rem;width:70%}.channel-placeholder a{font-feature-settings:"smcp";background-color:#fff;color:var(--secondary-colour);font-variant:small-caps;font-weight:600;margin:5px;padding:.4rem;text-decoration:none}.channel-placeholder a:visited{text-decoration:none}#channel-placeholder-header{background-color:#fff;color:var(--secondary-colour)}.new-channel-button{bottom:0;margin:0 0 0 1em}.chat-search-button,.new-channel-button{background-color:var(--tertiary-colour);border:none;color:var(--secondary-colour);display:inline-block;font-weight:600;padding:.5em;position:absolute;text-decoration:none}.chat-search-button{bottom:8vh;margin-left:1em;text-align:center}.chat-search-button:hover,.new-channel-button:hover{background-color:var(--primary-colour);color:#fff}.channel-search-bar{margin:1em;width:100%}.channel-search-bar input{border:none;height:1.4em;width:60%}.friends-container{background-color:var(--primary-colour);display:flex;flex-flow:column wrap;width:100%}.friends-container>.search-bar{width:75%}.friend-list{display:flex;flex-flow:column wrap;font-size:12px;height:30px;list-style:none;margin:.5em;padding:0}.friend-button{background-color:var(--background-colour);border:1px solid var(--background-colour);color:var(--white-colour);padding:.5em}.friend-search-bar{align-self:center;margin-bottom:1em;margin-top:1em;width:75%}.friend-search-bar input,.friend-search-bar>form{width:70%}.friend-search-results{display:flex;flex-direction:row;list-style:none}.friend-invite{width:20%}.profile-container{display:flex;flex-direction:column;height:100%;margin:0;padding:5px}.profile-top-container{display:flex;flex-direction:row;height:15%;margin:1rem;width:100%}.profile-avatar{align-content:center;width:30%}.profile-avatar img{border-radius:.5rem;max-height:100%;max-width:100%}.profile-name-status-container{display:flex;flex-direction:column;justify-content:center;width:20%}.profile-name-status-container>div{margin:.3rem}.profile-action-container{align-items:center;display:flex;flex-flow:column wrap;justify-content:space-evenly;width:40%}.profile-action-container>div{align-content:center}.profile-bottom-container{align-items:center;background-color:var(--primary-colour);display:flex;flex-direction:column;gap:0;height:85%;margin:1rem}.profile-change-display{background-color:var(--background-colour);display:flex;flex-direction:row;gap:none;height:5vh;justify-content:space-evenly;width:100%}.profile-change-display>button{background-color:var(--tertiary-colour);border:.1rem solid var(--tertiary-colour);border-radius:.75rem .75rem 0 0;color:#fff;font-size:1.2rem;font-weight:700;margin:0;min-width:50%}.profile-change-display>h3{align-content:center;background-color:var(--primary-colour);border:.1rem solid var(--primary-colour);border-radius:.75rem .75rem 0 0;margin:0;width:50%}.profile-name{color:var(--secondary-colour);font-size:1.5em}.profile-status{font-size:.8rem}.profile-button{background-color:var(--secondary-colour);color:#fff;height:1rem;padding-block:unset;padding-inline:unset;width:100px}.profile-add,.profile-button{-webkit-appearance:initial;appearance:none;border:0;box-sizing:initial;cursor:pointer;display:inline-block;padding:.6rem;text-decoration:none;text-rendering:inherit}.profile-add{background-color:var(--background-colour);color:var(--secondary-colour);font-size:2rem;padding-block:unset;padding-inline:unset}.profile-add:hover{cursor:pointer}.stats-history-container{height:90%;margin:0;scrollbar-color:var(--background-colour);width:100%}.stats-history-container h3{background-color:var(--secondary-colour);margin:initial;padding:.5rem}.history-container{display:flex;flex-flow:column;gap:1.8rem;height:40%;overflow-y:scroll;scrollbar-color:var(--background-colour);width:100%}.stats-container{display:flex;flex-direction:row;gap:.5rem;justify-content:space-evenly;margin:initial;width:100%}.stat{display:flex;flex-direction:column}.stat h2{font-size:1.5em;margin:.4em}.stat p{margin-top:0}.stats-ranking{border:1px solid;margin:1px}.history-match{display:flex;flex-direction:row;font-size:20px;font-weight:700;gap:.5rem;justify-content:center}.match-date{align-self:start;margin-right:1rem}.match-score{background-color:var(--primary-colour);color:#fff;font-size:1.1rem;padding:0}.match-username{margin:1px}.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px #00000029;width:200px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:#0000}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}.Rooms{display:flex;flex-wrap:wrap}.roomButton1{background-color:#fff3}.roomButton1,.roomButton2{border:1px solid #000;margin:10px;padding:10px}.roomButton2{background-color:#f003}.roomInfo1{text-align:left}.pong-game{align-items:center;display:flex;flex-direction:column;margin-top:5%;width:100vw}#popup-2{--secondary-colour:#031424;--background-colour:#cf6766;--primary-colour:#304150;--tertiary-colour:#8eaebd;background-color:var(--secondary-colour);height:40vh}.notification-list{--secondary-colour:#031424;background-color:var(--secondary-colour);border:none;color:#fff;display:flex;flex-flow:column;gap:1rem;height:90%;list-style:none;overflow-y:scroll;padding:5px;position:absolute;width:90%}.notification-list * button{background-color:var(--background-colour);border:none;color:#fff;font:16px arial;margin:.5rem;padding:5px;text-decoration:none}.notif-request,.notif-response{display:flex;flex-direction:column;margin:0}.notif-action-container{display:flex;flex-direction:row;margin:0}.notifications-icon{height:2rem;width:2rem}.material-icons{font-size:1.5rem}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.shake{animation:shake .5s ease 0s 2}
/*# sourceMappingURL=main.9df58eae.css.map*/