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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.app,body,html{background-color:#282c34;height:100%;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#666;border-radius:5px}.toggler{background-color:#555;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;position:absolute;right:1em;top:1em;transition:border-color .25s}.app{height:100%}.background{height:100%}.App-header,.background{background-color:#282c34;width:100%}.App-header{color:#fff;min-height:100vh}.App-header,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background:url(../../static/media/background.92bef85d1be0780da697.png);background-size:cover;color:#f0f8ff;height:100%;margin:auto;padding:0;width:100%}.login-form{background-color:#555;border:2px solid #999;border-radius:10px;font-size:large;font-weight:700;height:20em;justify-content:center;width:20em}.login-form,.login-inputs{align-items:center;display:flex;flex-direction:column;padding:2em}.login-inputs{gap:.5em;margin:2em;width:80%}.login-inputs input{background-color:#ddd;border-radius:8px;height:20px;width:80%}.login-button{background-color:#555;border-radius:8px;color:#f0f8ff;font-size:15px;font-weight:700;height:3em;width:7em}.game-page-container{display:flex;height:100%;justify-content:center;width:100%}.card{max-width:20em}.game-dash{align-content:flex-start;align-items:center;aspect-ratio:9/12;background-color:#555;border-radius:8px;display:flex;flex-direction:column;gap:7px;margin:10px;min-height:300px;overflow:hidden;padding:2rem 1rem;position:relative;transition:.4s ease;width:60%}.game-content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%}.comments{background-color:#444;border:1px solid #999;border-radius:10px;margin-top:2em;min-height:15%;width:95%}.container{color:#f0f8ff;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.main,.side-menu{margin:10px;text-align:center}.main{background-color:#444;display:flex;flex-direction:column;font-size:30px;justify-content:flex-start;min-height:20%;text-align:center;transition:.5s ease;width:100%}.main,.side-menu{border:1px solid #999;border-radius:20px;margin-bottom:15px}.side-menu{background-color:#333;display:block;margin-right:10px;transition:width .5s;width:0}.menu-content{width:100%}.main-container{background-color:#444;border-radius:20px;flex-direction:column;font-size:30px;min-height:20%;text-align:center}.games-container,.main-container{display:flex;justify-content:center}.games-container{flex-direction:row;flex-wrap:wrap;font-size:large;margin-bottom:20px;max-width:100%;overflow-x:auto}.item{align-content:flex-start;aspect-ratio:9/12;background-color:#555;border-radius:8px;display:flex;flex-direction:column;gap:7px;margin:10px;min-height:300px;overflow:hidden;padding:2rem 1rem;position:relative;transition:.4s ease;width:12em}.item:hover{box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.item:before{background:#fff;bottom:-100px;content:"";height:600px;opacity:.1;position:absolute;right:400px;-webkit-transform:rotate(37deg);transform:rotate(37deg);transition:all .5s;width:50px}.item:hover:before{right:-220px}.loading-card{-webkit-animation:blinking .6s infinite alternate;animation:blinking .6s infinite alternate;background-color:#555;border-radius:8px;cursor:pointer;margin:10px;min-height:300px;overflow:hidden;padding:2rem 1rem;position:relative;width:12em}.loading-card:before{-webkit-animation:reflection 1s ease infinite;animation:reflection 1s ease infinite;background:#fff;bottom:-100px;content:"";height:600px;opacity:.3;position:absolute;right:400px;-webkit-transform:rotate(37deg);transform:rotate(37deg);transition:all .3s;width:50px}.loading-card:hover:before{right:-220px}a{color:inherit;text-decoration:none}.card a{color:#fff}.card{aspect-ratio:9/12;border:5px solid #fff;border-radius:1rem;margin:0 5%;overflow:hidden;position:relative;width:90%}.card:hover{z-index:100}.card-title{margin:5px}.card-media{height:100%;object-fit:cover;object-position:center;width:100%}.icons-div{display:flex;flex-direction:row;justify-content:flex-end;margin-top:3px;width:95%}.form-wrapper{background-color:#444;border:1px solid #777;border-radius:10px;flex-direction:row;justify-content:center;padding:2em;position:relative}.form-input,.form-wrapper{align-items:center;display:flex;gap:1em}.form-input{flex-direction:column}.form-input input{background-color:#777;border:5px solid #777;border-radius:8px;color:#fff}.game-preview

.close-button{border-radius:50%;padding:5px 10px;position:absolute;right:10px;top:10px}.form-content{border:1px solid #777}.close-button{padding:5px 10px}.button-menu{bottom:0;display:flex;flex-direction:column;padding:1em;position:absolute;right:0}.action-button{background-color:#933;border-radius:45%;color:#fff;height:5em;margin:5px;transition:.4s ease;width:5em}.action-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.menu{display:flex;flex-direction:column;justify-content:center;padding:3em}.hover-container{border-radius:50%;overflow:hidden}.hover-container,.icon-container{cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative}.icon{aspect-ratio:1/1;border:2px solid #999;border-radius:50%;overflow:hidden}.hover-container:before{background:#000;content:"";height:300px;opacity:0;position:absolute;right:0;top:0;transition:1s ease;width:300px;z-index:1}.hover-container:hover:before{opacity:.4}.fa-pen{bottom:10px;font-size:1.2em;opacity:0;position:absolute;right:20px;transition:.3s ease}.icon-container:hover .fa-pen{opacity:1}.loading-icon{-webkit-animation:blinking .6s infinite alternate;animation:blinking .6s infinite alternate;aspect-ratio:1/1;background-color:#555;border-radius:50%;cursor:pointer;overflow:hidden;position:relative}.loading-icon:before{-webkit-animation:reflection 1.3s ease infinite;animation:reflection 1.3s ease infinite;background:#fff;bottom:-100px;content:"";height:600px;opacity:.3;position:absolute;right:400px;-webkit-transform:rotate(37deg);transform:rotate(37deg);transition:all .3s;width:20px}.loading-icon::hover:before{right:-220px}.action-buttons{background-color:#9999992d;border:1px solid #999;border-radius:5px;color:#f0f8ff;cursor:pointer;list-style-type:none;margin:.5em 0;padding:10px;width:70%}@-webkit-keyframes blinking{0%{opacity:.5}to{opacity:1}}@keyframes blinking{0%{opacity:.5}to{opacity:1}}@-webkit-keyframes reflection{0%{right:400px}50%{right:-220px}51%{right:400px}69%{right:-220px}70%{opacity:0;right:400px}}@keyframes reflection{0%{right:400px}50%{right:-220px}51%{right:400px}69%{right:-220px}70%{opacity:0;right:400px}}.game-form{align-items:center;background-color:rgba(0,0,0,.7);display:none;font-size:.7em;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:1}.game-form.show{display:flex}.icon-form-wrapper{border:1px solid #777;flex-direction:row}.form-content,.icon-form-wrapper{align-items:center;background-color:#444;border-radius:10px;display:flex;gap:1em;justify-content:center;padding:3em;position:relative}.form-content{flex-direction:column}.form-content input{background-color:#777;border:5px solid #777;border-radius:8px;color:#fff}.icon-preview{border-radius:50%;margin:50px}.icon-preview img{aspect-ratio:1/1;border-radius:50%;max-height:300px}.close-button{border-radius:50%;padding:5px;position:absolute;right:10px;top:10px}.close-button:hover{background:#555;cursor:pointer}.submit{background-color:#777;border:2px solid #aaa;border-radius:8px;color:#fff;cursor:pointer;height:2.5em;width:50%}.submit:active{-webkit-transform:scale(.98);transform:scale(.98)}
/*# sourceMappingURL=main.3c2486c4.css.map*/