*{box-sizing:border-box;margin:0;padding:0;list-style:none;font-family:'Quicksand', sans-serif}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{background-image:url(../images/hero.jpg);background-position:center;background-size:cover;background-origin:content-box;height:40vh}@media all and (min-width: 768px){.header{background-position:50% 20%}}.form{display:flex;justify-content:center;align-items:center;padding:20px;position:absolute;top:35vh;right:0;left:0;margin:0 auto;border:1px solid white;width:80%;background-color:rgba(255,255,255,0.8);box-shadow:2px 2px 2px}.form__input{padding:5px;margin-right:10px;border-radius:5px;border:1px solid #044fe4;width:100%}.form__button{padding:5px;border-radius:5px;border:1px solid #044fe4;background-color:white}.main{margin-top:70px;margin-bottom:70px}@media all and (min-width: 768px){.main{display:flex;flex-direction:row-reverse;justify-content:space-between}}.main__section_character{width:100%;text-align:center;cursor:pointer}.main__section_character-title{font-size:24px;font-weight:bold}.main__section_character--list{margin-top:20px;display:flex;gap:15px;flex-wrap:wrap;justify-content:center;align-content:center}.main__section_favourites{text-align:center}@media all and (min-width: 768px){.main__section_favourites{width:40%;text-align:center;margin:10px;border-right:1px solid #044fe4}}.main__section_favourites-title{font-size:24px;font-weight:bold}.main__section_favourites--list{margin-top:20px;display:flex;gap:15px;flex-wrap:wrap;justify-content:center;align-content:center}.main__section_favourites-btn{padding:10px;border:1px solid #044fe4;border-radius:22px;margin:20px;background-color:white}.main__fav_menu{margin-left:20px;margin-top:30px;transform:scale(1.7);color:red;padding:10px}@media all and (min-width: 768px){.main__fav_menu{display:none}}.article{width:210px;height:260px;border:1px solid;border-radius:20px;padding:10px}.article_title{margin-bottom:20px;font-size:18px;font-weight:bold}.article_img{width:100px;height:150px;border-radius:10px}.article_status{padding:10px;font-size:18px}.article_box{display:flex;justify-content:space-between}.article_close{background-image:url("../images/close.svg");background-size:contain;width:30px;height:30px}.article_fav{width:160px;height:210px;border:1px solid;border-radius:20px;padding:10px}.article_fav_title{font-size:16px;font-weight:bold;margin-bottom:10px}.article_fav_img{width:70px;height:120px;border-radius:10px}.article_fav_status{margin-top:5px;font-size:15px}.article_fav_box{display:flex;justify-content:space-between}.article_fav_close{background-image:url("../images/close.svg");background-size:contain;background-repeat:no-repeat;width:25px;height:25px}.footer{border-top:1px solid;background-color:#a1d6ff;padding:20px;font-family:'Quicksand', sans-serif}.footer__text{font-size:18px;text-align:center}.selected{background-color:rgba(171,231,253,0.5);color:black;transform:scale(1.1);border:1px solid black;margin:5px}.collapse{display:none}