html{font-size:62.5%}*{box-sizing:border-box}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}.header{width:100%;height:45vh;background-image:url(../images/img-castillo.jpeg);background-size:100vw;background-position:center;background-repeat:no-repeat}.search{background-color:white;width:600px;height:50px;display:flex;justify-content:center;align-items:center;margin:auto;gap:5px;-webkit-transform:translateY(-30px);transform:translateY(-30px);box-shadow:0px 0px 2px 2px rgba(0,0,0,0.2)}.search_input{width:400px;height:30px;border:1px solid #5e5375}.search_btn{background-color:#5e5375;color:white;width:150px;height:30px;border:none;font-family:Londrina solid;letter-spacing:1px}.search_btn:hover{color:white;background-color:#716296;border:1px solid #5e5375}.characters{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.characters_fav{width:25vw;display:flex;flex-direction:column;align-items:center;border-right:1px solid #5e5375}.characters_fav--text{color:#5e5375;text-transform:uppercase;display:flex;justify-content:center;font-family:Londrina Solid;font-size:30px;letter-spacing:2px;-webkit-transform:translateY(-30px);transform:translateY(-30px);padding:30px}.characters_fav--container{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.characters_fav--img-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:4px solid #5e5375}.characters_fav--img{width:100%;height:100%;object-fit:cover}.characters_fav--name{display:flex;justify-content:center;align-items:center;color:white;height:30px;border:1px solid #5e5375;background-color:#5e5375;font-family:Londrina Solid;letter-spacing:1.5px}.characters_fav--heart{-webkit-transform:translate(-80px, 30px);transform:translate(-80px, 30px)}.characters_main{flex:1;margin-left:10px;margin-right:10px}.characters_main--container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.characters_main--li{width:200px;box-shadow:0px 0px 3px 3px rgba(0,0,0,0.2);margin-bottom:10px;display:flex;flex-direction:column-reverse}.characters_main--text{color:#5e5375;text-transform:uppercase;display:flex;justify-content:center;font-family:Londrina Solid;font-size:30px;letter-spacing:2px;-webkit-transform:translateY(-30px);transform:translateY(-30px);padding:30px}.characters_main--container{width:100%;height:100%}.characters_main--imgContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.characters_main--img{width:100%;height:100%;object-fit:cover}.characters_main--name{display:flex;justify-content:center;align-items:center;color:white;height:30px;border:1px solid #5e5375;background-color:#5e5375;font-family:Londrina Solid;letter-spacing:1.5px}li:hover{box-shadow:0px 0px 5px 3px #5e5375}.resetbtn{width:40px;height:50px;display:flex;flex-direction:column;border-radius:5px;border:1px solid #5e5375;background-color:#e8e0ef}.resetbtn_bin{width:25px;margin-top:10px;color:#5e5375}.resetbtn:hover{border:2px solid #5e5375}.remove-btn-container{display:flex;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.remove-btn{width:30px;border:1px solid #5e5375;background-color:#5e5375}.highliht{border:2px solid blue}.favColor{background-color:#5e5375}.js_hidden{display:none}.footer{width:100%;height:25px;position:fixed;bottom:0;background-color:#5e5375}.footer_text{color:white;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;display:flex;justify-content:center;padding-top:6px;font-size:12px}