main{width:100%;height:100%;display:flex;align-items:center}.landing-container{height:100%;width:100%;overflow-y:scroll}.landing-container::-webkit-scrollbar{display:none}.hero-container{position:relative;display:flex;flex-direction:column;align-items:center;height:95%;width:100%;background-image:url(https://i.imgur.com/hxevfxR.jpg);background-position:center;background-size:cover}.hero-container:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(180deg,#0000001a 50%,#121212 95%)}.nav-bar{display:flex;align-items:center;justify-content:space-between;height:10%;width:80%;z-index:2}.logo{height:100%;max-height:100px}.title-container{height:90%;width:100%;display:flex;align-items:center;justify-content:center;gap:5%;z-index:1}.spacer{height:100%;width:10%;max-width:200px}.title-tag-container{height:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;text-align:left}.title{font-size:10em;font-weight:700}.tag{font-size:2em;font-weight:100;font-style:italic}.description-container{height:70%;width:10%;max-width:200px;display:flex;align-items:center;justify-content:center;gap:2%;text-align:left}.info-container{height:35%;width:100%;display:flex;align-items:center;justify-content:space-evenly}.display-container{height:50%;width:30%;display:flex;align-items:center;justify-content:center}.snippet-icon{width:60%;max-width:500px}.dialog-container{width:30%}.footer-container{position:relative;height:40%;width:100%;display:flex;align-items:flex-end;justify-content:center}.footer-container:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(https://i.imgur.com/hxevfxR.jpg);background-position:top right;transform:scaleY(-1)}.footer-container:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(360deg,#0000004d 20%,#121212 98%)}.footer{height:40%;width:80%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef4ed;z-index:1}.list-container{height:80%;width:15%;display:flex;align-items:center;gap:5%}.accents{height:100%;width:2%;display:flex;flex-direction:column}.flair{width:100%;height:25%}.red{background-color:#e94235}.yellow{background-color:#fabb22}.green{background-color:#34a853}.blue{background-color:#4285f4}.links-list{width:50%;display:flex;flex-direction:column;list-style-type:none}.footer-logo-container{height:80%;width:15%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px}.dashboard-container{height:100%;width:100%;justify-content:center;align-items:center;z-index:5}.dashboard-container:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(https://i.imgur.com/hxevfxR.jpg);background-position:top right;transform:scaleY(-1)}.dashboard-container:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(360deg,#0000004d 20%,#121212 98%)}.dashboard-gp-container,.dashboard-messenger-container{height:100%;width:100%;background-color:#58575666;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:25px;padding:20px}.messenger-container{border-radius:15px;height:100%;width:100%}.active{background-color:#58575666;-webkit-backdrop-filter:blur(150px);backdrop-filter:blur(150px)}.inactive{background-color:#58575633;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.messenger-card{height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.message-display{height:95%;width:100%;display:flex;flex-direction:column;gap:7px;overflow-y:scroll;padding-bottom:7px}.message-display::-webkit-scrollbar{display:none}.chat-bubble{border-radius:10px;padding:5px;max-width:75%;overflow-wrap:break-word}.sent{align-self:flex-end;background-color:#4285f4;margin-right:7px}.received{align-self:flex-start;background-color:#72716f;margin-left:7px}.message-input{display:flex;height:5%;width:97%;padding-bottom:15px;padding-top:15px}.input{width:95%;border:none;padding-left:10px;background-color:#eef4ed;border-top-left-radius:15px;border-bottom-left-radius:15px}.input:focus{outline:none}.send-btn{width:5%;background-color:#eef4ed;color:#4285f4;border:none;border-top-right-radius:15px;border-bottom-right-radius:15px;margin-left:5px;transition:.3s ease-in-out}.send-btn>.send-icon{transition:.3s ease-in-out}.send-btn:hover{background-color:#4285f4}.send-btn:hover>.send-icon{color:#eef4ed}.game-info-container{height:50%;width:100%;border-radius:15px;background-color:#58575633;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);overflow-y:auto}.game-data-container{padding-left:10px;padding-right:10px;overflow-y:auto;max-width:90%}a,a:visited{color:#4285f4}a:hover{color:#eef4ed}.game-data-row{display:flex}.party-info-container{height:50%;width:100%;background-color:#58575633;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:15px;display:flex;justify-content:center;align-items:center}.no-party-img{height:75%;width:75%;border-radius:15px}.circle{border:3px solid #eef4ed;border-radius:50%;height:100px;width:100px;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(to top left,#12e3ce,#1735ad,#000)}.first-letter{color:#eef4ed}.nav-rail{height:95%;width:5%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:10}.nav-icons{height:50px;width:50px;display:flex;justify-content:center;align-items:center;background-color:#58575666;border-radius:25px}.nav-icons:hover{background-color:#4285f4;border-radius:15px}.logout:hover{background-color:#e94235;border-radius:15px}.matcher-display{height:100%;width:100%;justify-content:center;align-items:center;z-index:5}.matcher-display:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(https://i.imgur.com/hxevfxR.jpg);background-position:top right;transform:scaleY(-1)}.matcher-display:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(360deg,#0000004d 20%,#121212 98%)}.matcher-display-nonav{height:100%;width:100%;justify-content:center;align-items:center}.matcher-form-container{background-color:#58575666;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:25px;height:100%;width:100%;padding:15px;display:flex;align-items:center}.matcher-form-inner-container{background-color:#58575633;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:15px;height:100%;width:100%}.form-components{padding:15px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.matcher-info-container{background-color:#58575666;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);height:100%;width:100%;border-radius:25px;display:flex;flex-direction:column;justify-content:space-evenly;padding:15px}.matcher-info-box{height:32%;border:1px;border-radius:15px;margin:5px;padding-left:70px;padding-right:70px;display:flex;align-items:center;background-color:#58575633;-webkit-backdrop-filter:blur(150px);backdrop-filter:blur(150px)}.matcher-info-text{display:flex;align-items:center}.text-specifications{color:#d3d3d3}.unauthorized-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.unauthorized-container:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(https://i.imgur.com/hxevfxR.jpg);background-position:top right;transform:scaleY(-1)}.unauthorized-container:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-image:linear-gradient(360deg,#0000004d 20%,#121212 98%)}.message-bg-container{height:62%;width:62%;display:flex;justify-content:center;align-items:center;background-color:#58575666;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:25px;padding:20px;z-index:1}.message-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;background-color:#58575633;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.unauthorized-title{font-size:100px}.unauthorized-message{color:#121212;font-size:40px}.unauthorized-login{color:#121212}.vertical-divider{height:1px;width:40%;background-color:#000}:root{font-family:Roboto,system-ui;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}body{margin:0;display:flex;place-items:center;height:100vh;width:100vw;background-color:#121212;color:#eef4ed}#root{width:100%;height:100%;display:flex}.bttn{font-size:1em;padding:.5em;color:#eef4ed;background:none;border:3px solid #eef4ed;border-radius:10px;transition:.3s}.bttn:hover{background-color:#eef4ed;color:#121212}