@font-face{font-family:saiyan sans;src:url(/assets/Saiyan-Sans.ttf) format("truetype");font-style:normal;font-weight:700}:root{--db-color-one: #6de1d2;--db-color-two: #ffd63a;--db-color-three: #ffa955;--db-color-four: #f75a5a;--db-color-b: #000;--db-color-w: #fff;--db-text-shadow-one: 1px 2px var(--db-color-b);--db-text-shadow-two: 2px 2px var(--db-color-b);--db-shadow-one: 0 0 20px var(--db-color-b), 0 0 30px var(--db-color-two), 0 0 40px var(--db-color-two), 0 0 50px var(--db-color-two), 0 0 60px var(--db-color-two), 0 0 70px var(--db-color-two), 0 0 80px var(--db-color-two);--db-shadow-two: 0 0 10px var(--db-color-b)}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-align:center;text-decoration:none;font-family:saiyan sans,sans-serif;color:var(--db-color-two)}body{background-color:var(--db-color-w);background-size:auto 100%;background-position:center}@keyframes parpadeo{0%{text-shadow:var(--db-shadow-one);visibility:visible}50%{visibility:hidden}}@keyframes flota{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}main{min-height:90svh}.home-container,.characters-container,.character-container,.transformations-container,.manageCharacters-container,.newCharacters-container,.newCharacters-empty,.notFound-container{min-height:82svh;padding-top:50px}@media (width >= 632px){.home-container,.characters-container,.character-container,.transformations-container,.manageCharacters-container,.newCharacters-container,.newCharacters-empty,.notFound-container{min-height:85svh}}header{display:block;width:100%;height:8svh}.desktop-header{display:none;width:100%}.mobile-header{display:block;width:100%}@media (width >= 768px){.desktop-header{display:block}.mobile-header{display:none}}nav ul{position:absolute;top:8svh;display:block;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;padding:10px;gap:20px;font-size:large;background-color:var(--db-color-w);transition:all .5s;z-index:99999}ul a{display:inline-block;position:relative;padding:10px;font-size:xx-large;text-shadow:var(--db-shadow-two)}ul a:after{content:"";display:block;margin:auto;height:2px;width:0px;transition:all .8s}ul a:hover:after{width:100%;background:var(--db-color-two)}.active{text-shadow:var(--db-shadow-one)}@media (width >= 768px){nav ul{position:absolute;top:0;display:flex;flex-direction:row}}.menuBurger-container{display:inline-block;flex-direction:column;justify-content:center;align-items:center;width:100%}.menuBurger-button{background-color:transparent;border:none;transition:all .5s}.menuBurger-button:hover{cursor:pointer;transform:scale(1.2)}.menuBurger-button img{height:8svh}.menuBurger-button:focus{transform:scale(1.2)}@media (width >= 768px){.menuBurger-button{display:none}}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background-image:url(/assets/dbhouse.webp);background-size:auto 100%;background-position:center;font-size:x-large;text-shadow:var(--db-shadow-two);cursor:default}.home-container h1,h2{padding-bottom:50px}.home-container p{animation:parpadeo 1s infinite}.home-container a{width:180px;height:150px;cursor:grab}.home-container a:active{cursor:grabbing}.home-container img{width:100%;height:100%}@media (width >= 653px){.home-container{padding:150px 30px 0}}@media (width >= 1280px){.home-container{background-size:110%}}.characters-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;background-image:url(/assets/planet.webp);background-size:auto 100%;background-position:center}.characters-card-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px;gap:50px;max-width:900px}@media (width >= 768px){.characters-container{padding-top:50px}}@media (width >= 1024px){.characters-card-container{max-width:1200px}}@media (width >= 1090px){.characters-container{background-size:100%}}.loader{display:flex;justify-content:center;align-items:center;width:100px;height:100px;margin:auto;animation:ball 1s infinite steps(100)}.loader img{width:200px}@keyframes ball{to{transform:rotate(1turn)}}.pagination{display:flex;justify-content:center;align-items:center;width:100%;height:5svh;gap:10px}.pagination button{background-color:transparent;margin:10px;border:none;cursor:pointer;font-size:large;font-weight:700;color:var(--db-color-two);text-shadow:var(--db-shadow-two)}.pagination button:hover{text-shadow:var(--db-shadow-one)}.pagination p{font-size:xx-large;font-weight:700;color:var(--db-color-two);text-shadow:var(--db-shadow-one);cursor:default}button:disabled{cursor:not-allowed}@media (width >= 768px){.pagination{padding-top:80px}}@media (width >= 1024px){.pagination{padding-top:60px}.pagination button{font-size:x-large}}.characters-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:175px;background-color:#ffa95585;border-radius:12px;border:2px solid var(--db-color-two);box-shadow:var(--db-shadow-two)}.characters-card:hover{box-shadow:var(--db-shadow-one)}.characters-card a{display:flex;justify-content:center;align-items:center;width:100%;height:150px}.characters-card img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible;transition:all .8s;object-fit:contain;cursor:pointer}.characters-card img:hover{transform:scale(1.5);z-index:9}.characters-card p{position:absolute;max-width:120px;bottom:0;font-size:x-large;text-shadow:var(--db-shadow-two);cursor:default}@media (width >= 1024px){.characters-card{width:150px;height:200px}.characters-card a{height:175px}.characters-card p{max-width:150px;margin-top:150px;font-size:xx-large}}.character-container{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;padding-top:20px;background-image:url(/assets/tatami.webp);background-size:auto 100%;background-position:center;text-shadow:var(--db-shadow-two)}.character-container a{display:flex;justify-content:center;align-items:center;width:100%;height:20px;margin-top:20px}.link-transformations{font-size:x-large}.link-transformations{animation:parpadeo 1s infinite}.character-card{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px;cursor:default}.character-card img{width:250px;height:375px;object-fit:contain;transition:all .8s}.character-card img:hover{transform:scale(1.4);z-index:9}.character-card>p{font-size:x-large}@media (width >= 768px){.character-card{gap:25px}.character-card img:hover{transform:scale(1.5)}}.link-back{display:flex;justify-content:center;align-items:center;position:absolute;gap:10px;text-shadow:var(--db-shadow-two);background-color:transparent;font-size:x-large}.notFound-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;background-color:var(--db-color-b);font-size:xx-large}.notFound-container h1{max-width:200px}.notFound-container h3{text-shadow:var(--db-text-shadow-two);animation:parpadeo 1s infinite}@media (width >= 500px){.notFound-container h1{max-width:400px}}.transformations-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-image:url(/assets/evo.webp);background-size:auto 100%;background-position:center;width:100%;height:100%;padding:20px;gap:30px}.transformations-title{padding-bottom:0;color:var(--db-color-two);text-shadow:var(--db-shadow-two);font-size:xx-large;cursor:default}.transformations-container a{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:50px}@media (width >= 740px){.transformations-container{background-size:100%}}.transformation-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;height:350px;cursor:default}.transformation-card h2,p{font-size:x-large;text-shadow:var(--db-shadow-two);padding:10px}.transformation-card h2{text-shadow:var(--db-shadow-one)}.transformation-card img{position:relative;width:200px;height:250px;object-fit:contain;background-color:transparent;top:0;animation:flota ease-in-out 2s infinite}.link-back-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.link-back{display:flex;justify-content:center;align-items:center;margin:30px 0 10px;text-shadow:var(--db-shadow-two);font-size:x-large}.link-back img{width:60px;height:50px}@media (width >= 1024px){.transformation-card{width:250px;height:375px}.transformation-card img{width:250px;height:300px}}.footer{display:flex;justify-content:center;align-items:center;position:static;bottom:0;width:100%;height:8svh;margin:5px 0;background:transparent}.footer-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;width:100%}.footer-container p{font-size:large;text-shadow:var(--db-text-shadow-one)}.author{cursor:default}@media (width >= 632px){.footer{height:5svh}}@media (width >= 652px){.footer-container p{text-shadow:var(--db-text-shadow-two)}}@media (width >= 800px){.footer-container p{font-size:25px}}.data{display:flex;justify-content:center;align-items:center}.data a{padding:0 20px}.data img{width:20px;height:20px}@media (width >= 800px){.data img{width:25px;height:25px}}.manageCharacters-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/world.webp);background-size:auto 100%;background-position:center;font-size:large;background-color:var(--db-color-two)}.title-manageCharacters{text-shadow:var(--db-text-shadow-one);cursor:default}@media (width >= 1285px){.manageCharacters-container{background-size:100%}}.manageCharacters-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;gap:20px}.nameCharacter-container,.kiCharacter-container,.kiMaxCharacter-container,.imageCharacter-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;text-shadow:var(--db-text-shadow-one)}.manageCharacters-form label{padding:5px;text-shadow:var(--db-text-shadow-one);font-size:xx-large}.manageCharacters-form input{width:250px;height:40px;color:var(--db-color-b);border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:large}.manageCharacters-form button:hover{animation:parpadeo 1s infinite}.imageCharacter-container{position:relative;display:flex;justify-content:center;align-items:center;width:250px;height:40px;margin:20px;background-color:green;border:2px solid var(--db-color-b);border-radius:10px;cursor:pointer;transition:all .5s}.imageCharacter-container:hover{transform:scale(1.03);transition:all 1s}.imageCharacter-container>input{position:absolute;display:flex;opacity:0;cursor:pointer}.image-name{position:absolute;height:100%;padding-top:60px;color:var(--db-color-two);font-size:large;text-shadow:var(--db-text-shadow-one)}.create-character{width:250px;height:50px;margin:30px;border-radius:10px;border:3px solid var(--db-color-two);font-size:x-large;text-shadow:var(--db-text-shadow-one)}.newCharacters-container,.newCharacters-empty{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px;gap:50px;background-image:url(/assets/sky.webp);background-size:auto 100%;background-position:center}.newCharacters-empty{text-shadow:var(--db-text-shadow-two);cursor:default;animation:parpadeo 1s infinite}@media (width >= 1270px){.newCharacters-container,.newCharacters-empty{background-size:100%}}@media (width >= 1520px){.newCharacters-container,.newCharacters-empty{background-size:105%}}.newCharacters-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:175px;padding:5px;background-color:#ffa95585;border-radius:12px;border:2px solid var(--db-color-two);box-shadow:var(--db-shadow-two)}.newCharacters-card:hover{box-shadow:var(--db-shadow-one)}.newCharacters-card p{position:absolute;bottom:0;max-width:120px;font-size:x-large;text-shadow:var(--db-shadow-two);cursor:default}.newCharacters-card-image{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible;transition:all .8s;object-fit:contain;cursor:pointer}.newCharacters-card-image:hover{transform:scale(1.4);z-index:9}@media (width >= 1024px){.newCharacters-card{width:150px;height:200px}.newCharacters-card p{max-width:150px;margin-top:150px;font-size:xx-large}}.modal-card{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:82dvh;gap:30px;z-index:99;background-image:url(/assets/tatami.webp);background-size:auto 100%;background-position:center}.modal-name{font-size:xx-large;text-shadow:var(--db-shadow-two);cursor:default}.modal-image{width:250px;object-fit:contain;transition:all .8s;cursor:pointer}.modal-image:hover{transform:scale(1.4);z-index:9}.modal-ki,.modal-ki-max{cursor:default}.modal-button-close{position:relative;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:10px;background-color:transparent;border:none;font-size:x-large;text-shadow:var(--db-shadow-two);cursor:pointer}.modal-button-close>img{width:80px}@media (width >= 630px){.modal-card{height:85dvh}}