.marvel-container{text-decoration:none;width:100%;height:100px;display:flex;justify-content:center;background-color:#000;margin-top:20px;margin-bottom:20px}button{font-family:Marvel,sans-serif;font-size:16px;font-weight:700;padding:10px 20px;margin:10px;border:none;border-radius:5px;cursor:pointer;background-color:#e62429;text-decoration:none;color:#fff}button:hover{background-color:gray;transition-duration:.3s}.buttons{margin-top:20px;display:flex;justify-content:center;align-items:center}img{margin-top:10px}.link-characters,.link-comics,.link-favorits{color:#fff;text-decoration:none}header{border-bottom:1px solid white!important}h3{text-decoration:none;color:#fff}.character-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-items:center;margin:20px}.character-card{width:100%;border-radius:5px;padding:10px;box-shadow:0 2px 4px #0000001a;text-align:center;margin-bottom:20px;margin-left:5px;margin-right:5px}.character-container :hover{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.character-card img{max-width:100%;height:200px;object-fit:cover;border-radius:5px}.character-card h3{margin:10px 0}body{background-color:#000}a{text-decoration:none}.comics-link{margin-top:20px}h2{text-align:center;font-size:40px}.character-details{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:50px;color:#fff}.character-image{max-width:300px;border-radius:10px;box-shadow:0 0 10px #0003}.character-name{text-align:center;font-size:24px;font-weight:700;margin-top:20px}.character-description{font-size:18px;margin-top:10px;text-align:center}.loading{display:flex;align-items:center;justify-content:center;height:300px;font-size:24px;font-weight:700}#root{font-family:Marvel,sans-serif}.comics-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;margin-bottom:20px}.comics-card{border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;width:300px;text-align:center}.comics-card img{max-width:100%;height:auto;margin-bottom:10px}.comics-card h3{margin:0;font-size:1.2rem;color:#fff}.comics-card h4{margin:10px 0 0;font-size:1rem;color:#fff}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}