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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:BeaufortForLoL;src:local("BeaufortForLoL"),url(/static/media/BeaufortforLOL-Regular.c9ea66ef539b895ea63c.otf)}body{background-color:#fff}.App,body{height:100vh;margin:0;overflow:hidden}.App{background-image:url(/static/media/howlingabyss.3215e534d4c4f4df2a59.png);background-repeat:no-repeat;background-size:cover;width:100vw}h1{font-family:BeaufortForLoLBold;text-align:center}h3{color:#000;font-family:BeaufortForLoL}.lobby{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:center;padding:20px}.player-list{max-height:80vh}.player,.player-list{display:flex;flex-direction:column}.player{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:BeaufortForLoLBold;font-size:2vh;height:10vh;margin-top:20px;padding:10px;text-align:left;width:12vw}.player-champ-image{height:6vh;width:6vh}.player-champion{display:flex;flex-direction:row;grid-template-rows:repeat(auto-fill,minmax(150px,1fr))}@media (max-width:790px){.player-champion{align-items:center;flex-direction:column}}.player-champ-name{align-self:center;font-family:BeaufortForLoL;font-size:90%;margin-left:1vh}.champion-window{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;margin:20px auto;max-height:80vh;overflow-y:auto;padding:10px;width:60vw}.champion-grid{grid-gap:2vh;display:grid;gap:2vh;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:20px}.champion-card{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:10px;text-align:center}.champion-card:hover{border-color:aqua}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}@font-face{font-family:password;font-style:normal;font-weight:400;src:url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf)}.signin{background-image:url(/static/media/howlingabyss.3215e534d4c4f4df2a59.png);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;width:100vw}.signin-card{align-items:center;background-color:#f5f5f5;border-radius:10%;display:flex;flex-direction:column;gap:3%;height:60vh;justify-content:center;margin:auto;width:25vw}.title{font-size:3vh}.title,.username-input{align-self:center;font-family:BeaufortForLoLBold}.username-input{display:flex;font-size:large;height:7%;width:80%}.username-input::placeholder{font-family:BeaufortForLoL}.lobby-input{align-self:center;display:flex;font-family:password;height:7%;width:80%}.lobby-input::placeholder{font-family:BeaufortForLoL;font-size:large}@font-face{font-family:BeaufortForLoLBold;src:local("BeaufortForLoL"),url(/static/media/BeaufortforLOL-Bold.cd9feab2438eb68ecd1d.otf) format("opentype")}@font-face{font-family:BeaufortForLoL;src:local("BeaufortForLoL"),url(/static/media/BeaufortforLOL-Regular.c9ea66ef539b895ea63c.otf) format("opentype")}.lobby-screen{background-image:url(/static/media/howlingabyss.3215e534d4c4f4df2a59.png);display:flex;flex-direction:column;height:100vh;width:100vw}h2{color:#fff;font-family:BeaufortForLoLBold;font-size:3vh}.grid-container{align-items:center;align-self:center;display:grid;grid-template-columns:auto auto;justify-items:center;padding:2%;width:90%}.grid-items{align-items:center;background-color:#fff;border:2px solid #536dfe;border-radius:4vh;color:#536dfe;display:flex;font-family:BeaufortForLoL;font-size:3vh;height:10vh;justify-content:center;text-align:center;width:40vw}.button-container{align-self:center;justify-self:center}button{align-items:center;-webkit-appearance:none;appearance:none;background-color:#eef2ff;border-color:#536dfe;border-radius:8px;border-width:2px;box-shadow:0 2px 4px #536dfe33,0 7px 13px -3px #536dfe26,inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#536dfe;cursor:pointer;display:inline-flex;font-family:BeaufortForLoLBold,monospace;font-size:1vw;height:6vh;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:24px;padding-right:24px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;white-space:nowrap;width:12vw;will-change:box-shadow,transform}button:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px #536dfe66,0 7px 13px -3px #536dfe4d,inset 0 -3px 0 #d6d6e7;outline:none}button:hover{box-shadow:0 4px 8px #536dfe4d,0 7px 13px -3px #536dfe33,inset 0 -3px 0 #d6d6e7;transform:translateY(-2px)}button:active{box-shadow:inset 0 3px 7px #d6d6e7;transform:translateY(2px)}
/*# sourceMappingURL=main.7d2a7a35.css.map*/