@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;600&display=swap);body{background-color:#12122a;background-color:var(--bg-primary);box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}@font-face{font-family:gamer;src:url(/static/media/Acients.051c29519a8f90597a7d.ttf) format("truetype")}:root{--title:gamer;--text:"Rajdhani",sans-serif;--primary:#fff;--secondary:#c127c6;--tertiary:#12122a;--bg-opac:rgba(0,0,0,.173);--bg-primary:#12122a;--bg-secondary:hsla(0,0%,100%,.1)}*{scrollbar-color:hsla(0,0%,100%,.1) rgba(0,0,0,.173);scrollbar-color:var(--bg-secondary) var(--bg-opac);scrollbar-width:thin}::-webkit-scrollbar{background-color:rgba(0,0,0,.173);background-color:var(--bg-opac);border-radius:15px;width:5px}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.1);background-color:var(--bg-secondary);border-radius:15px}::-moz-scrollbar{background-color:rgba(0,0,0,.173);background-color:var(--bg-opac);border:0;border-image:linear-gradient(180deg,rgba(0,0,0,.173),hsla(0,0%,100%,.1)) 1 100%;border-image:linear-gradient(to bottom,var(--bg-opac),var(--bg-secondary)) 1 100%;border-radius:15px;width:5px}::-moz-scrollbar-thumb{background-color:hsla(0,0%,100%,.1);background-color:var(--bg-secondary);border-radius:15px}.container{box-sizing:border-box;color:var(--primary);margin:0;padding:0}.Landing .logos{display:flex;gap:10px;padding:10px;position:absolute}.Landing .logos:hover{-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.642));filter:drop-shadow(0 0 8px rgba(0,0,0,.642))}.Landing .logos h1{color:var(--primary);font-family:var(--title);font-size:40px;opacity:1}.scale-up-center{-webkit-animation:scale-up-center .4s;animation:scale-up-center .4s}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.content{align-items:center;display:flex;justify-content:center}h2{color:var(--primary);font-family:gamer;font-size:100px;opacity:.6;transition:.4s}h2:hover{opacity:.8}.animate-h2{opacity:0;transition:opacity .8s ease-in-out}.animate-h2-active{opacity:.8}h2.glitch{text-shadow:0 0 1px #000,0 0 1px #050505,0 0 1px #000}h2.glitch:hover{-webkit-animation:glitch .3s linear;animation:glitch .3s linear;text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff}.welcome{color:var(--primary);font-family:var(--text);font-size:20px;font-weight:600;padding:10px 0;width:850px}@-webkit-keyframes glitch{0%{opacity:.8;-webkit-transform:skew(0deg);transform:skew(0deg)}20%{opacity:.6;-webkit-transform:skew(5deg);transform:skew(5deg)}40%{opacity:.2;-webkit-transform:skew(-5deg);transform:skew(-5deg)}60%{opacity:.7;-webkit-transform:skew(5deg);transform:skew(5deg)}80%{opacity:.5;-webkit-transform:skew(-5deg);transform:skew(-5deg)}to{opacity:.8;-webkit-transform:skew(0deg);transform:skew(0deg)}}@keyframes glitch{0%{opacity:.8;-webkit-transform:skew(0deg);transform:skew(0deg)}20%{opacity:.6;-webkit-transform:skew(5deg);transform:skew(5deg)}40%{opacity:.2;-webkit-transform:skew(-5deg);transform:skew(-5deg)}60%{opacity:.7;-webkit-transform:skew(5deg);transform:skew(5deg)}80%{opacity:.5;-webkit-transform:skew(-5deg);transform:skew(-5deg)}to{opacity:.8;-webkit-transform:skew(0deg);transform:skew(0deg)}}.bodylanding{background:linear-gradient(180deg,#5d326c,#350048);position:relative}.bodylanding,.containerLanding{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.containerLanding{flex-direction:column}.containerLanding .btn{box-shadow:0 5px 15px rgba(0,0,0,.35);height:50px;margin:0;position:relative;width:300px}.containerLanding .btn,.containerLanding .btn .navlink{align-items:center;display:flex;justify-content:center;left:0;top:0}.containerLanding .btn .navlink{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:30px;border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 15px 15px rgba(0,0,0,.3);color:var(--primary);font-weight:400px;height:100%;letter-spacing:1px;overflow:hidden;padding:10px;position:absolute;text-decoration:none;transition:.5s;width:100%;z-index:1}.containerLanding .btn:hover .navlink{letter-spacing:3px}.containerLanding .btn .navlink:before{background:linear-gradient(270deg,hsla(0,0%,100%,.15),transparent);content:"";-webkit-filter:blur(0);filter:blur(0);height:100%;left:0;position:absolute;top:0;-webkit-transform:skewX(45deg) translate(0);transform:skewX(45deg) translate(0);transition:.5s;width:50%}.containerLanding .btn:hover .navlink:before{-webkit-transform:skewX(45deg) translate(200px);transform:skewX(45deg) translate(200px)}.containerLanding .btn:before{background:var(--secondary);border-radius:10px;bottom:-5px;content:"";height:10px;left:50%;position:absolute;-webkit-transform:translatex(-50%);transform:translatex(-50%);transition:.5s;transition-delay:.5;width:30px}.containerLanding .btn:hover:before{border-radius:30px;bottom:0;height:50%;width:90%}.containerLanding .btn:after{background:var(--secondary);border-radius:10px;content:"";height:10px;left:50%;position:absolute;top:-5px;-webkit-transform:translatex(-50%);transform:translatex(-50%);transition:.5s;transition-delay:.5;width:30px}.containerLanding .btn:hover:after{border-radius:30px;height:50%;top:0;width:90%}.containerLanding .btn:first-child:after,.containerLanding .btn:first-child:before{background:#ff1f71;box-shadow:0 0 5px #ff1f71,0 0 15px #ff1f71,0 0 30px #ff1f71,0 0 60px #ff1f71}.Landing{height:100vh;position:relative}.Landing video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.Landing .content{color:var(--primary);height:100vh;padding:50px;position:relative;text-align:center;width:100%;z-index:1}.navlink{border-bottom:3px solid rgba(0,0,0,.421);color:var(--primary);font-family:var(--title);font-size:20px;letter-spacing:.2rem;padding:3px 20px;text-decoration:none;transition:all .3s ease-out .09s}@media screen and (max-width:950px){.content h2{font-size:70px}.containerLanding{width:750px}.content .containerLanding .welcome{font-size:18px;text-align:center;width:750px}}@media screen and (max-width:768px){.content h2{font-size:50px}.containerLanding{width:550px}.content .containerLanding .welcome{font-size:15px;text-align:center;width:550px}.containerLanding .btn{width:250px}}@media screen and (max-width:560px){.containerLanding{width:350px}.content h2{font-size:30px;text-align:center}.content .containerLanding .welcome{font-size:14px;text-align:center;width:350px}.containerLanding .btn{width:200px}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner-container{height:100px;width:100px}.spinner{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-bottom:10px solid var(--primary);border-left:10px solid transparent;border-radius:50%;border-right:10px solid transparent;border-top:10px solid var(--primary);height:80px;width:80px}.card{background-color:var(--primary);border-bottom:1px solid var(--tertiary);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);height:200px;margin:10px;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;transition:.4s;white-space:nowrap;width:250px}.card:hover{background-color:var(--bg-primary);-webkit-transform:scale(1.05);transform:scale(1.05)}.card:hover .card-genres{border-radius:10px 10px 0 0;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.card:hover .card-genres p{-webkit-animation:bounce-in-right 1s ease-in-out;animation:bounce-in-right 1s ease-in-out}.card:hover .card-title{border-bottom:2px solid var(--secondary);color:var(--primary)}.card:active{background-color:var(--bg-primary);-webkit-transform:scale(1.05);transform:scale(1.05)}.card:active .card-genres{border-radius:10px 10px 0 0;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.card:active .card-genres p{-webkit-animation:bounce-in-right 1s ease-in-out;animation:bounce-in-right 1s ease-in-out}.card:active .card-title{border-bottom:2px solid var(--secondary);color:var(--primary)}.card .card-genres{align-items:center;background:-o-linear-gradient(90deg,#000 0,rgba(0,0,0,.91) 32%,rgba(0,0,0,.18) 100%);background:linear-gradient(90deg,#000,rgba(0,0,0,.91) 32%,rgba(0,0,0,.18));bottom:39px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);justify-content:center;left:0;opacity:0;padding:10px 5px 5px;position:absolute;right:0;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-genres p{border-bottom:1px solid var(--primary);border-radius:0 0 0 10px;color:var(--primary);font-family:var(--text);font-size:15px;font-weight:300;margin:5px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card img{border-radius:10px 10px 0 0}.card .card-title{border-bottom:1px solid var(--secondary);border-radius:10px;color:var(--tertiary);font-family:var(--text);font-size:20px;font-weight:300;font-weight:600;margin:0 auto;opacity:1;overflow:hidden;transition:.4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:95%}@-webkit-keyframes bounce-in-right{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:translateX(600px);transform:translateX(600px)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateX(68px);transform:translateX(68px)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateX(32px);transform:translateX(32px)}90%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounce-in-right{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:translateX(600px);transform:translateX(600px)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateX(68px);transform:translateX(68px)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateX(32px);transform:translateX(32px)}90%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}}.Home{background-color:var(--bg-primary)}section .containerhome{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--bg-secondary);border-radius:10px;box-shadow:0 25px 45px rgba(0,0,0,.1);min-height:640px;position:relative;width:950px}.nav,section .containerhome{align-items:center;display:flex;flex-direction:column}.nav{justify-content:center;width:100%}.header,.movilSearch{align-items:center;display:flex;justify-content:space-between}.header{padding:10px 50px 0;transition:.4s;width:100%}.header img{-webkit-filter:drop-shadow(0 0 5px hsla(0,0%,100%,.5));filter:drop-shadow(0 0 5px rgba(255,255,255,.5));margin-right:10px;margin-top:2px;transition:.4s}.header .logos{cursor:pointer;display:flex;transition:.4s}.header .logos:hover{-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.642));filter:drop-shadow(0 0 8px rgba(0,0,0,.642))}.header h2{flex:1 1;font-size:40px;opacity:1}.header h2,.inputButton input{color:var(--primary);transition:.4s}.inputButton input{background-color:var(--bg-opac);border:none;border-bottom:1px solid var(--primary);border-radius:6px 0 0 6px;font-family:var(--text);font-size:20px;height:30px;margin-top:3px;outline:none;padding-left:30px;padding-right:30px;padding-top:2px;text-align:right;width:400px}.inputButton input:hover{box-shadow:0 3px 6px rgba(0,0,0,.327)}.inputButton button{background-color:var(--primary);border:none;border-radius:0 6px 6px 0;color:var(--tertiary);cursor:pointer;font-family:var(--text);font-size:20px;font-weight:600;height:30px;outline:none;position:relative;transition:.4s;width:100px}.header button:hover{background-color:var(--secondary);box-shadow:0 3px 6px rgba(0,0,0,.327)}.lupita{padding-top:5px}.filters{align-items:center;background-color:var(--bg-opac);display:flex;height:60px;justify-content:space-between;margin-bottom:10px;margin-top:10px;padding:0 10px;position:relative;width:850px}.filters .creategame{background-color:var(--primary);border:none;border-radius:6px 6px 6px 6px;color:var(--tertiary);cursor:pointer;font-family:var(--text);font-size:20px;font-weight:600;height:30px;outline:none;padding:0 10px;transition:.4s;width:140px}.filters button:hover{background-color:var(--secondary);box-shadow:0 3px 6px rgba(0,0,0,.327)}.filters .desearch{background-color:var(--primary);border:none;border-radius:6px 6px 6px 6px;color:var(--tertiary);cursor:pointer;font-family:var(--text);font-size:20px;font-weight:600;height:30px;outline:none;padding:5px 5px 0;transition:.4s;width:40px}.filters .buttons{align-items:center;display:flex;gap:5px}.filters select{background-color:var(--bg-opac);border:none;border-bottom:1px solid var(--primary);border-radius:6px 6px 6px 6px;color:var(--primary);font-family:var(--text);font-size:15px;height:30px;margin-right:5px;outline:none;padding-left:15px;padding-right:30px;padding-top:2px;text-align:left;transition:.4s;width:150px}.filters select:hover{box-shadow:0 3px 6px rgba(0,0,0,.327)}.filters select option{background-color:var(--bg-opac);border:none;border-radius:6px 6px 6px 6px;font-size:15px;outline:none;padding-left:30px;padding-right:30px;padding-top:5px;text-align:left;width:150px}.filters select option,.paginado{color:var(--tertiary);font-family:var(--text);height:30px}.paginado{border:none;border-bottom:1px solid var(--primary);border-radius:10px;font-size:20px;margin-top:10px;text-align:center;transition:.4s;width:850px}.paginado,.paginado .pag-container{align-items:center;display:flex;justify-content:center}.paginado .pag-container{gap:30px;padding-bottom:10px}.paginado .pag-container .pag-btn{background-color:var(--bg-opac);border:none;border-radius:6px;color:var(--primary);font-family:var(--text);padding:5px 10px;transition:.4s}.paginado .pag-container .pag-btn:hover{background-color:var(--bg-primary);border-bottom:1px solid var(--primary);border-top:1px solid var(--primary)}.paginado .pag-container .arrows{font-size:30px;padding:5px;transition:.4s}.paginado .pag-container .numbers{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:2px;transition:.4s}ul{display:flex;list-style:none}.paginado .pag-container .numbers .active{background-color:var(--bg-primary);border-bottom:1px solid var(--primary);border-top:1px solid var(--primary);transition:.4s}.cajon{align-items:center;background-color:var(--bg-opac);border-top:1px solid var(--primary);display:flex;flex-wrap:wrap;height:450px;justify-content:center;max-height:500px;overflow-y:auto;width:850px}.filters .menuOff,.filters .menuOn{cursor:pointer;display:none}.filters .menuOff:hover,.filters .menuOn:hover{-webkit-filter:drop-shadow(0 0 9px rgba(0,0,0,.778));filter:drop-shadow(0 0 9px rgba(0,0,0,.778))}.filters .movilMenu{align-items:center;-webkit-animation:scale-up-top-right .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-top-right .4s cubic-bezier(.39,.575,.565,1) both;background:radial-gradient(ellipse at 50% 50%,#341035 0,rgba(18,18,42,.99) 82%);border-radius:10px;box-shadow:0 0 5 #000;display:flex;flex-direction:column;height:400px;justify-content:center;margin-top:1rem;padding:2rem;position:absolute;right:5px;top:50px;width:300px;z-index:999}.movilMenu .selectoresMovil{display:flex;flex-direction:column;gap:10px}@-webkit-keyframes scale-up-top-right{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top right;transform-origin:top right}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top right;transform-origin:top right}}@keyframes scale-up-top-right{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top right;transform-origin:top right}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top right;transform-origin:top right}}@media screen and (max-width:950px){section .containerhome{width:750px}.header input{width:250px}.filters{width:650px}.filters select,.filters select option{width:100px}.paginado{width:650px}.paginado .pag-container{gap:15px}.cajon{width:650px}.nav{width:750px}.header{width:100%}}@media screen and (max-width:750px){section .containerhome{height:660px;width:550px}.header input{width:180px}.nav{width:550px}.header{margin-top:10px;width:100%}.filters select{width:200px}.filters{width:450px}.filters .selectores{display:none}.paginado{margin-top:20px;padding-bottom:10px;width:450px}.paginado .pag-container{gap:10px}.cajon{width:450px}.filters .menuOff,.filters .menuOn{display:block;font-size:30px}}@media screen and (max-width:550px){section .containerhome{height:660px;width:350px}.nav .logos h2{display:none}.header input{width:150px}.nav{width:400px}.header{margin-top:10px;width:100%}.filters select{width:200px}.filters{width:320px}.filters .selectores{display:none}.paginado{margin-top:20px;padding-bottom:10px;width:320px}.paginado .pag-container,.paginado .pag-container .numbers{gap:5px}.cajon{width:320px}.filters .menuOff,.filters .menuOn{display:block;font-size:30px}}body{overflow:hidden}.Form{background-color:var(--primary)}.title{opacity:.8;transition:.4s}section .containerform:hover .title{opacity:1}section .box .square{background:hsla(0,0%,100%,.1)}section .containerform{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 25px 45px rgba(0,0,0,.1);display:flex;flex-direction:column;height:650px;position:relative;width:950px}.containerform .logos{display:flex;gap:10px;padding:10px}.containerform .logos:hover{-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.642));filter:drop-shadow(0 0 8px rgba(0,0,0,.642))}.containerform .logos img{width:50px}.containerform .logos h2{color:var(--primary);font-family:var(--title);font-size:50px;opacity:1}.formCreate .title{font-size:90px}.empy{background-color:#12122a9e;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.empy,.empyMessage{align-items:center;display:flex;justify-content:center}.empyMessage{background-color:var(--bg-primary);border-radius:10px;color:var(--secondary);flex-direction:column;font-family:var(--text);font-size:25px;opacity:.9;padding:25px;transition:.4s}.empyMessage:hover{opacity:1}.empyMessage button{background-color:var(--primary);border:none;border-radius:6px 6px 6px 6px;color:var(--tertiary);cursor:pointer;font-family:var(--text);font-size:20px;font-weight:600;height:30px;margin-top:20px;outline:none;padding-left:10px 0 0 10px;transition:.4s;width:140px}.empyMessage button:hover{background-color:#797979}.create{background-color:#12122a9e;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.create,.createMessage{align-items:center;display:flex;justify-content:center}.createMessage{background-color:var(--bg-primary);border-radius:10px;color:var(--secondary);flex-direction:column;font-family:var(--text);font-size:25px;opacity:.9;padding:25px;transition:.4s}.createMessage:hover{opacity:1}.createMessage button{background-color:var(--primary);border:none;border-radius:6px 6px 6px 6px;color:var(--tertiary);cursor:pointer;font-family:var(--text);font-size:20px;font-weight:600;height:30px;margin-top:20px;outline:none;padding-left:10px 0 0 10px;transition:.4s;width:140px}.createMessage button:hover{background-color:#797979}.formCreate{height:100%;width:100%}.formCreate,.inputs{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.inputs{height:400px;justify-content:center;overflow:hidden}.inputs input{background-color:var(--bg-opac);border:none;border-bottom:1px solid var(--primary);border-radius:6px 0 0 6px;color:var(--primary);font-family:var(--text);font-size:20px;height:30px;margin:5px 0;outline:none;padding-left:30px;padding-right:30px;padding-top:5px;position:relative;text-align:right;width:100%;z-index:1}.inputs input::-webkit-input-placeholder{color:var(--primary);opacity:1}.inputs input::placeholder{color:var(--primary);opacity:1}.inputs option{color:var(--tertiary)}.inputs select{background-color:var(--bg-opac);border:none;border-bottom:1px solid var(--primary);border-radius:6px 0 0 6px;color:var(--primary);font-size:20px;height:30px;margin:5px 0;padding-left:30px;padding-right:14px;padding-top:5px;position:relative;z-index:1}.inputs label,.inputs select{font-family:var(--text);outline:none;text-align:right;width:100%}.inputs label{border:none;font-size:15px}.inputs textarea{background-color:var(--bg-opac);border:none;border-radius:6px 0 0 6px;color:hsla(0,0%,100%,.545);font-family:var(--text);font-size:20px;font-weight:600;height:80px;margin:5px 0;outline:none;padding-left:30px;padding-right:30px;padding-top:5px;resize:none;text-align:right;width:500px}.botones{display:flex;margin-top:0}.botones button{background-color:var(--primary);border:none;border-radius:6px 6px 6px 6px;color:var(--tertiary);cursor:pointer;font-family:var(--text);font-size:20px;font-weight:600;height:30px;margin-left:20px;margin-right:20px;outline:none;padding:0 10px;transition:.4s;width:140px}.botones button:hover{background-color:var(--secondary);box-shadow:0 3px 6px rgba(0,0,0,.327)}.platformsTarget{display:flex;flex-wrap:wrap;width:500px}.platformsTarget div{align-items:center;background-color:var(--bg-opac);border-bottom:1px solid var(--primary);border-radius:6px;color:var(--primary);display:flex;font-family:var(--text);font-size:15px;justify-content:center;margin:0 3px;padding:0 5px}.platformsTarget div h3{color:var(--tertiary);cursor:pointer;margin-right:5px}.genresTarget{display:flex;flex-wrap:wrap;width:500px}.spinner-container{height:500px;width:200px}.genresTarget div,.spinner-container{align-items:center;display:flex;justify-content:center}.genresTarget div{background-color:var(--bg-opac);border-bottom:1px solid var(--primary);border-radius:6px;color:var(--primary);font-family:var(--text);font-size:15px;margin:0 3px;padding:0 5px}.genresTarget div h3{color:var(--tertiary);cursor:pointer;margin-right:5px}.range{display:flex;width:500px}.range label{background-color:var(--bg-opac);border:none;border-bottom:1px solid var(--primary);border-radius:0 6px 6px 0;color:var(--primary);font-family:var(--text);font-size:20px;font-weight:300;height:30px;margin:5px 0;outline:none;padding-right:30px;text-align:right;width:35%}.range input{appearance:none;-webkit-appearance:none;background-color:#f1f1f1;border-radius:6px 0 0 6px;box-sizing:border-box;height:30px;opacity:.7;outline:none;padding-bottom:4px;transition:opacity .2s;width:65%}.range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--secondary);border:1px solid var(--primary);border-radius:15%;box-sizing:border-box;cursor:pointer;height:18px;width:12px}.range input::-moz-range-thumb{background-color:var(--secondary);border-radius:15%;cursor:pointer;height:25px;width:10px}.range input:hover{opacity:1}.range input::-moz-focus-inner,.range input::-moz-focus-outer{border:0}.range input::-webkit-slider-runnable-track{background:#ddd;border-radius:5px;height:3px}.range input::-moz-range-track{background:#ddd;border-radius:5px;height:3px}@media screen and (max-width:950px){section .containerform{width:750px}}@media screen and (max-width:750px){section .containerform{height:660px;width:550px}.containerform .title{font-size:70px}.genresTarget,.inputs .range,.inputs input,.inputs select,.inputs textarea,.platformsTarget{width:70%}}@media screen and (max-width:550px){section .containerform{height:660px;width:350px}.createMessage,.empyMessage{font-size:15px;text-align:center;width:300px}.containerform .title{font-size:50px}.inputs .range,.inputs input,.inputs select{font-size:15px;width:70%}.inputs .range label{font-size:15px;padding-top:5px;width:45%}.inputs .range input{width:55%}.inputs textarea{font-size:15px;width:70%}.inputs{width:100%}.formCreate .botones{align-items:center;flex-direction:column-reverse;gap:10px;justify-content:center}.containerform .logos{display:flex;gap:10px;padding-top:20px}.containerform .logos img{width:50px}.containerform .logos h2{color:var(--primary);font-family:var(--title);font-size:50px;opacity:1}.genresTarget,.platformsTarget{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}section{align-items:center;background-color:linear-gradient(180deg,#05002d,#05002d);display:flex;justify-content:center;min-height:100vh}section .color{-webkit-filter:blur(150px);filter:blur(150px);position:absolute}section .color:first-child{background-color:rgba(193,39,198,.603);height:600px;top:-350;width:800px}section .color:nth-child(2){background-color:#ffffff80;bottom:250px;height:250px;left:80px;width:400px}section .color:nth-child(3){background-color:#15225cb1;bottom:-150px;height:550px;right:40px;width:500px}section .box{position:relative}section .box .square{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;-webkit-animation-delay:calc(-1s*var(--i));animation-delay:calc(-1s*var(--i));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--bg-secondary);border-radius:10px;box-shadow:0 25px 45px rgba(0,0,0,.1);position:absolute}@-webkit-keyframes animate{0%,to{-webkit-transform:translate(-30px);transform:translate(-30px)}50%{-webkit-transform:translate(30px);transform:translate(30px)}}@keyframes animate{0%,to{-webkit-transform:translate(-30px);transform:translate(-30px)}50%{-webkit-transform:translate(30px);transform:translate(30px)}}section .box .square:first-child{height:100px;right:-60px;top:-50px;width:100px}section .box .square:nth-child(2){height:100px;left:-80px;top:150px;width:100px;z-index:2}section .box .square:nth-child(3){bottom:50px;height:80px;right:-60px;width:80px;z-index:2}section .box .square:nth-child(4){bottom:-80px;height:50px;left:100px;width:50px}section .box .square:nth-child(5){height:60px;left:140px;top:-80px;width:60px}section .containerdetail{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--bg-secondary);border-radius:10px;box-shadow:0 25px 45px rgba(0,0,0,.1);display:flex;flex-direction:column;height:530px;justify-content:center;position:relative;width:950px}.volver{left:0;position:absolute;top:20px;z-index:1}.volver button{background-color:var(--primary);border:none;border-radius:0 6px 6px 0;color:var(--tertiary);cursor:pointer;font-family:var(--text);font-size:20px;font-weight:600;height:30px;outline:none;transition:.4s;width:100px}.volver button:hover{background-color:rgba(193,39,198,.603)}.spliter{background-color:var(--primary);height:1px;margin:5px;opacity:.6;transition:.4s;width:80%}.detailCard{height:100%;object-fit:cover;position:relative;width:100%}.detailCard:hover .info,.detailCard:hover .spliter,.detailCard:hover .subtitle,.detailCard:hover h2,.detailCard:hover h4,.detailCard:hover p{opacity:1}.img{height:100%;left:0;position:relative;top:0;width:100%}.img,.img img{border-radius:10px}.img img{height:530px;width:950px}.info{align-items:center;background:-o-linear-gradient(90deg,rgba(0,0,0,.52) 11%,rgba(0,0,0,.62) 34%,rgba(0,0,0,.74) 63%,rgba(0,0,0,.88) 94%);background:linear-gradient(90deg,rgba(0,0,0,.52) 11%,rgba(0,0,0,.62) 34%,rgba(0,0,0,.74) 63%,rgba(0,0,0,.88) 94%);border-radius:10px;display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);height:100%;justify-content:center;left:0;opacity:.6;position:absolute;top:0;transition:.4s;width:100%}.left,.rigth{height:400px;width:400px}.left h2{font-size:40px;font-weight:300;opacity:1;padding:10px}.left h4{color:var(--primary);font-family:var(--text);font-size:15px;font-weight:300;opacity:.6;padding-left:10px;transition:.4s}.detailCard .subtitle{font-family:var(--title);opacity:.6;transition:.4s;width:40%}.detailCard .subtitle,.rigth h4{border-bottom:1px solid var(--primary);font-size:20px;margin-left:5px}.rigth h4{margin-top:10px}.rigth h4,.rigth p{color:var(--primary);padding:10px}.rigth p{font-family:var(--text);opacity:.6;transition:.4s}.detailCard div{overflow:auto}@media screen and (max-width:950px){section .containerdetail{height:450px;width:750px}.left,.rigth{height:320px;width:375px}.img img{border-radius:10px;height:450px;width:750px}.left h2{font-size:35px}}@media screen and (max-width:750px){section .containerdetail{height:650px;width:550px}.info{flex-direction:column}.left,.rigth{height:300px;width:340px}.img img{border-radius:10px;height:325px;width:550px}.left h2{font-size:35px}}@media screen and (max-width:550px){section .containerdetail{height:650px;width:400px}.info{flex-direction:column}.left,.rigth{height:280px;width:340px}.img img{border-radius:10px;height:325px;width:400px}.left h2{font-size:35px}}.fullscreen-container{box-sizing:border-box;height:100vh;margin:0;padding:0;position:relative;width:100vw}.fullscreen-img{height:100%;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}section .containerError{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 25px 45px rgba(0,0,0,.1);display:flex;flex-direction:column;height:400px;justify-content:center;position:relative;width:660px}section .containerError .error{font-family:var(--title);font-size:60px;font-weight:300}section .containerError .errorMessage{font-family:var(--text);font-size:30px;font-weight:300}@media screen and (max-width:950px){section .containerError .error{font-size:50px}section .containerError .errorMessage{font-size:25px}}@media screen and (max-width:750px){section .containerError{height:320px;width:550px}section .containerError .error{font-size:50px}section .containerError .errorMessage{font-size:25px}}@media screen and (max-width:550px){section .containerError{height:250px;width:350px}section .containerError .error{font-size:35px}section .containerError .errorMessage{font-size:15px}}
/*# sourceMappingURL=main.e8cd53ab.css.map*/