@import"https://fonts.googleapis.com/css2?family=Epilogue&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo&display=swap";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}:root{--bkg: #111113;--font: #F9EAFF}*{box-sizing:border-box;font-family:Epilogue,sans-serif;margin:0;padding:0}.main-content{background-color:var(--bkg);display:flex;flex-wrap:wrap;height:100%;width:100%}.header-content nav{background-color:var(--bkg);color:var(--font);display:flex;flex-direction:row;justify-content:space-around;height:60px;align-items:center}.div-header{display:flex;flex-direction:row;gap:10px}.header-content nav a{color:var(--font)}form{background-color:var(--bkg);color:var(--font);padding:6px 36px;position:relative;width:50%}form>div{padding:10px}form h1{font-size:30px;font-weight:700;line-height:29px;margin-bottom:24px;text-align:center}label,textarea{display:flex;flex-direction:column;font-size:15px;font-weight:700;line-height:150%;margin-top:5px;overflow:hidden;padding:6px 36px;resize:none}.inputs,textarea,select{background:var(--bkg);border:none;border-bottom:1px solid #a1a8b5;color:var(--font);height:40px;outline:none;padding:12px;user-select:none;width:80%}.checkbox{border-style:none;color:var(--font);outline:none;padding:12px}.checkbox label{align-items:center;display:flex;flex-direction:row;gap:10px}.save-btn{align-items:center;background:#DE4ED3;border:none;border-radius:4px;color:#000;display:flex;margin:0 auto;padding:12px 40px}.save-btn:disabled{opacity:.3}.save-btn:disabled:hover{background:#DE4ED3}.save-btn:hover{background:#7D7AA5;cursor:pointer}.filtros{color:var(--font);display:flex;flex-direction:column;gap:20px;padding:15px;margin-top:40px}.filtros h2{color:var(--font);font-size:30px;font-weight:700;line-height:29px}.name-filter,.filterRare{background-color:var(--bkg);border:none;border-bottom:1px solid #a1a8b5;height:40px;outline:none;padding:12px;user-select:none;width:180px}:root{--bkg: #1A1A1D;--font: #F9EAFF}.card-preview{background:#1D1D20;color:var(--font);display:flex;flex-direction:column;max-width:50%;width:50%}.h1-card-preview{font-size:30px;font-weight:700;line-height:29px;margin:24px;text-align:center}.border-preview{background:rgb(2,0,36);background:linear-gradient(0deg,rgba(2,0,36,1) 0%,rgba(222,78,211,1) 71%,rgba(125,122,165,1) 100%);border:5px solid #ffffff;border-radius:10px;--font: #F9EAFF;height:500px;margin:0 auto;width:350px}.image-preview{position:absolute;height:490px;width:340px;overflow:hidden;transition:.5s}.hover-preview{position:absolute;height:490px;width:340px;background:rgb(2,0,36);background:linear-gradient(0deg,rgba(2,0,36,1) 0%,rgba(222,78,211,1) 71%,rgba(125,122,165,1) 100%);transition:.5s;transform-origin:3cm 2px;transform:perspective(2000px) rotateY(-90deg);z-index:1}.border-preview:hover .hover-preview{transform:perspective(2000px) rotateY(0);opacity:.8}.name-card-preview{font-size:30px;font-weight:700;line-height:29px;margin:25px;text-align:center}.description-card-preview{font-weight:500;margin:10px;max-width:80%;text-align:center}.card-attr-preview{background:white;--font: #F9EAFF;margin:10px}.attr-preview{display:flex;gap:10px;justify-content:center;padding:10px}.rare-card-preview,.trunfo-card-preview{font-weight:700;margin:15px;text-align:center}.card{display:flex;flex-direction:column;margin:20px auto}.h1-card{display:none}.border{background:rgb(2,0,36);background:linear-gradient(0deg,rgba(2,0,36,1) 0%,rgba(222,78,211,1) 71%,rgba(125,122,165,1) 100%);border:5px solid #023031;border-radius:10px;color:#fff;height:500px;margin:0 auto;width:350px}.name-card{font-size:30px;font-weight:700;line-height:29px;margin:25px;text-align:center}.image{position:absolute;height:490px;width:340px;overflow:hidden;transition:.5s}.hover{position:absolute;height:490px;width:340px;background:rgb(2,0,36);background:linear-gradient(0deg,rgba(2,0,36,1) 0%,rgba(222,78,211,1) 71%,rgba(125,122,165,1) 100%);transition:.5s;transform-origin:3cm 2px;transform:perspective(2000px) rotateY(-90deg);z-index:1}.border:hover .hover{transform:perspective(2000px) rotateY(0);opacity:.8}.description-card{font-weight:500;margin:10px;max-width:80%;text-align:center}.card-attr{background:white;color:#000;margin:10px}.border p{display:flex;gap:10px;justify-content:center;padding:10px}.rare-card,.trunfo-card{font-weight:700;margin:15px;text-align:center}
