body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--black:#0e0e10;--acent-color-dark:#10002b;--accent-color:#f04dfe;--accent-color-tint:rgba(239,77,254,0.3);--accent-color-light:#e0aaff;--container-color:#1f1f23;--fz-xs:14px;--fz-sm:16px;--fz-md:24px;--fz-lg:32px}a{color:#fff}.navbar,.navbar-user{display:flex;justify-content:space-between;color:transparent;align-items:center;position:fixed;top:0;width:100%;height:100px;pointer-events:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;z-index:30;padding:0 50px}.navbar-user{background-color:var(--container-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:60px}a{text-decoration:none}.navbar-container{display:flex;justify-content:space-between;position:relative;width:100%}.navbar-logo{display:flex;justify-content:center;align-items:center;text-decoration:none}h1{color:var(--accent-color)}.navbar-links,.navbar-links ul{display:flex;align-items:center}.navbar-links ul{padding:0;margin:0;list-style:none}.navbar-links ul li{margin:0 8px}.navbar-login-button,.navbar-signin-button{color:var(--accent-color);background-color:transparent;border:1px solid var(--accent-color);border-radius:4px;padding:.75rem 1rem;line-height:1;margin-left:15px;align-items:center}.navbar-login-button:hover,.navbar-signin-button:hover{background-color:var(--accent-color-tint)}.navbar-link-item{color:#fff;padding:8px}.navbar-link-item:hover{color:var(--accent-color);padding:8px}.navbar-logo img{max-width:80px}.navbar-user .navbar-logo img{max-width:54px}.navbar-links ul li .name{margin:0}.avatar{display:flex;align-items:center;margin-right:20px;color:#fff}.avatar p{margin-left:10px}.avatar img{width:40px;height:40px;border-radius:50%}.home{display:flex;flex-direction:column;background-color:#151517;line-height:1.5;color:var(--accent-color)}.home-container{margin:0 auto;width:100%}.home-container .flex-fill{display:flex;justify-content:center;align-items:flex-start;max-height:100vh;margin:0}.home-container .home-image{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:100vh}.background-img{width:100%;overflow-x:hidden}.signup{display:flex;flex-direction:column;overflow-x:hidden;background-color:var(--black);color:#fff;min-height:100vh;pointer-events:auto}.signup .content{max-height:100vh;position:absolute;left:0;right:0;text-align:center;padding:100px 150px;margin:0 auto;width:700px;z-index:20}.signup-container{background-color:#1e1e0a;flex-direction:column;margin:0 auto;max-width:42rem;padding:3rem;text-align:left}.signup-container,.signup-header{display:flex;justify-content:center}.signup-header{align-items:center;text-align:center}.signup-form{margin:1rem 0}.signup-form .signup-input-container{display:flex;flex-direction:column;margin-bottom:1rem}.input:focus{outline:2px solid var(--accent-color);background-color:#000}.signup-label{margin-bottom:.3rem}.signup-button{color:#fff;background-color:var(--accent-color-tint);border-radius:4px;border:none;padding:1rem;line-height:1;width:100%;pointer-events:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;cursor:pointer;outline:none}.signup-button:hover{background-color:var(--accent-color)}.signup-last{margin-bottom:2rem}.inputPhoto{padding:1rem 1rem 1rem 0}.login{display:flex;flex-direction:column;overflow-x:hidden;background-color:var(--black);color:#fff;min-height:100vh}.login .content{max-height:100vh;position:absolute;left:0;right:0;text-align:center;padding:100px 150px;margin:0 auto;width:700px;z-index:20}.login-container{background-color:#1e1e0a;flex-direction:column;margin:0 auto;max-width:42rem;padding:3rem;text-align:left}.login-container,.login-header{display:flex;justify-content:center}.login-header{align-items:center;text-align:center}.login-form{margin:1rem 0}.login-form .login-input-container{display:flex;flex-direction:column;margin-bottom:1rem}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#303030;border:none;color:#fff;height:3rem;line-height:1.5;padding:1rem}.login-label{margin-bottom:.3rem}.login-button{color:#fff;background-color:var(--accent-color-tint);border-radius:4px;border:none;padding:1rem;line-height:1;width:100%;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;cursor:pointer;outline:none;margin-left:0}.login-button:hover{background-color:var(--accent-color)}.login-last{margin-bottom:2rem}.homepage .section{padding-top:60px}.homepage{background-color:var(--black);min-height:100vh}.homepage .section{padding:60px 0}.homepage-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.homepage-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.homepage-content .homepage-flex-container{display:flex;word-wrap:break-word;flex-wrap:wrap}.homepage-content .group-card{padding:1rem}.group-card h3{font-size:var(--fz-xs);margin:10px 10px 10px 0;max-width:170px;word-wrap:break-word}.homepage-inner h2{margin:40px 0}.homepage-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px}.homepage-flex-container .homepage-img{object-fit:cover;width:200px;height:250px}.inviteLink{color:var(--accent-color);background-color:transparent;border:1px solid var(--accent-color);border-radius:4px;padding:.6rem;line-height:1;align-items:center;justify-content:center;text-align:center}.inviteLink:hover{background-color:var(--accent-color-tint)}.inviteLink h3{margin:0}.browse .section{padding-top:60px}.browse{background-color:var(--black);min-height:100vh}.browse .section{padding:60px 0}.browse-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.browse-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.browse-content .flex-container{display:flex;flex-direction:column;margin-right:auto}.flex-container h3{font-size:var(--fz-xs);margin:10px 10px 10px 0;overflow:hidden;max-width:170px;white-space:nowrap}.browse-inner h2{margin:40px 0}.flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;max-height:250px;max-width:180px}.flex-container .flex-img{object-fit:cover;width:400px;height:400px}.body{height:100%}.create{display:flex;flex-direction:column;overflow-x:hidden;color:#fff;pointer-events:auto}.create,.create .content,.create .section{background-color:var(--black)}.create .content{display:flex;flex-direction:column;align-items:center;padding:45px 150px;margin:0 auto;width:100%;max-height:100vh}.create-container{justify-content:center;margin-top:40px;background-color:hsla(0,0%,100%,.065);padding:3rem;text-align:left;min-width:600px}.create-header{align-items:center;display:flex;justify-content:center;text-align:center}.create-form{margin:1rem 0}.create-form .create-input-container{display:flex;flex-direction:column;margin-bottom:1rem}.create-label{margin-bottom:.3rem}.create-button{color:#fff;background-color:var(--accent-color-tint);border-radius:4px;border:none;padding:1rem;line-height:1;width:100%;pointer-events:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;cursor:pointer;outline:none}.create-button:hover{background-color:var(--accent-color)}.create-last{margin-bottom:2rem}.choose-game select{padding:.25rem;outline:none}.LeagueOfLegends .section{padding-top:60px}.LeagueOfLegends{background-color:var(--black);min-height:100vh}.LeagueOfLegends .section{padding:60px 0}.LeagueOfLegends-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.LeagueOfLegends-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.LeagueOfLegends-content .LeagueOfLegends-flex-container{display:flex;flex-direction:column;word-wrap:break-word}.LeagueOfLegends-content .LeagueOfLegends-group-card{padding:1rem;display:flex;flex-direction:row;justify-content:flex-start}.LeagueOfLegends-group-card h4{font-size:var(--fz-lg);max-width:600px;word-wrap:break-word;margin-bottom:12px}.LeagueOfLegends-inner h2{margin:40px 0}.LeagueOfLegends-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px;max-width:200px;max-height:250px}.LeagueOfLegends-flex-container .LeagueOfLegends-img{object-fit:cover;width:200px;height:250px}.AmongUs .section{padding-top:60px}.AmongUs{background-color:var(--black);min-height:100vh}.AmongUs .section{padding:60px 0}.AmongUs-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.AmongUs-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.AmongUs-content .AmongUs-flex-container{display:flex;flex-direction:column;word-wrap:break-word}.AmongUs-content .AmongUs-group-card{padding:1rem;display:flex;flex-direction:row;justify-content:flex-start}.AmongUs-group-card h4{font-size:var(--fz-lg);max-width:600px;word-wrap:break-word;margin-bottom:12px}.AmongUs-inner h2{margin:40px 0}.AmongUs-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px;max-width:200px;max-height:250px}.AmongUs-flex-container .AmongUs-img{object-fit:cover;width:200px;height:250px}.Genshin .section{padding-top:60px}.Genshin{background-color:var(--black);min-height:100vh}.Genshin .section{padding:60px 0}.Genshin-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.Genshin-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.Genshin-content .Genshin-flex-container{display:flex;flex-direction:column;word-wrap:break-word}.Genshin-content .Genshin-group-card{padding:1rem;display:flex;flex-direction:row;justify-content:flex-start}.Genshin-group-card h4{font-size:var(--fz-lg);max-width:600px;word-wrap:break-word;margin-bottom:12px}.Genshin-inner h2{margin:40px 0}.Genshin-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px;max-width:200px;max-height:250px}.Genshin-flex-container .Genshin-img{object-fit:cover;width:200px;height:250px}.Smash .section{padding-top:60px}.Smash{background-color:var(--black);min-height:100vh}.Smash .section{padding:60px 0}.Smash-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.Smash-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.Smash-content .Smash-flex-container{display:flex;flex-direction:column;word-wrap:break-word}.Smash-content .Smash-group-card{padding:1rem;display:flex;flex-direction:row;justify-content:flex-start}.Smash-group-card h4{font-size:var(--fz-lg);max-width:600px;word-wrap:break-word;margin-bottom:12px}.Smash-inner h2{margin:40px 0}.Smash-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px;max-width:200px;max-height:250px}.Smash-flex-container .Smash-img{object-fit:cover;width:200px;height:250px}.Valorant .section{padding-top:60px}.Valorant{background-color:var(--black);min-height:100vh}.Valorant .section{padding:60px 0}.Valorant-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.Valorant-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.Valorant-content .Valorant-flex-container{display:flex;flex-direction:column;word-wrap:break-word}.Valorant-content .Valorant-group-card{padding:1rem;display:flex;flex-direction:row;justify-content:flex-start}.Valorant-group-card h4{font-size:var(--fz-lg);max-width:600px;word-wrap:break-word;margin-bottom:12px}.Valorant-inner h2{margin:40px 0}.Valorant-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px;max-width:200px;max-height:250px}.Valorant-flex-container .Valorant-img{object-fit:cover;width:200px;height:250px}.Minecraft .section{padding-top:60px}.Minecraft{background-color:var(--black);min-height:100vh}.Minecraft .section{padding:60px 0}.Minecraft-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.Minecraft-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.Minecraft-content .Minecraft-flex-container{display:flex;flex-direction:column;word-wrap:break-word}.Minecraft-content .Minecraft-group-card{padding:1rem;display:flex;flex-direction:row;justify-content:flex-start}.Minecraft-group-card h4{font-size:var(--fz-lg);max-width:600px;word-wrap:break-word;margin-bottom:12px}.Minecraft-inner h2{margin:40px 0}.Minecraft-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px;max-width:200px;max-height:250px}.Minecraft-flex-container .Minecraft-img{object-fit:cover;width:200px;height:250px}.Phasmophobia .section{padding-top:60px}.Phasmophobia{background-color:var(--black);min-height:100vh}.Phasmophobia .section{padding:60px 0}.Phasmophobia-inner{display:flex;flex-direction:column;color:#fff;font-size:var(--fz-lg);padding:0 50px;width:100%}.Phasmophobia-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.Phasmophobia-content .Phasmophobia-flex-container{display:flex;flex-direction:column;word-wrap:break-word}.Phasmophobia-content .Phasmophobia-group-card{padding:1rem;display:flex;flex-direction:row;justify-content:flex-start}.Phasmophobia-group-card h4{font-size:var(--fz-lg);max-width:600px;word-wrap:break-word;margin-bottom:12px}.group-card-description{margin-left:40px;font-size:var(--fz-xs)}.group-card-description-p{margin-bottom:12px}.group-card-description-join:hover{background-color:var(--accent-color-tint)}.group-card-description-game{color:#fafafa;background-color:#464649;border-radius:20px;padding:.5rem .6rem}.group-card-description-game,.group-card-description-join{font-size:var(--fz-xs);line-height:1;align-items:center;justify-content:center;text-align:center;max-width:150px;margin-bottom:12px}.group-card-description-join{color:var(--accent-color);background-color:transparent;border:1px solid var(--accent-color);border-radius:4px;padding:.75rem 1rem}.Phasmophobia-inner h2{margin:40px 0}.Phasmophobia-flex-container .flex-fill{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:200px;min-height:250px;max-width:200px;max-height:250px}.Phasmophobia-flex-container .Phasmophobia-img{object-fit:cover;width:200px;height:250px}
/*# sourceMappingURL=main.855b0d16.chunk.css.map */