:root{font-family:'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', 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{display:flex;flex-direction:column;justify-content:center;height:120px;padding:30px auto;text-align:center;background-color:black;position:sticky;top:0}.header__title{font-size:30px;margin-bottom:20px;color:#96eb74}.header__form input[type=text]{padding:4px;border:none;border-radius:6px;background-color:#f3f2f8}.header__form input[type=button]{padding:3px;border:none;border-radius:6px;background-color:#fe5ad7;color:black;font-size:14px;border:1px solid #991e7c;position:relative;overflow:hidden}.header__form input[type=button]:hover{box-shadow:1px 1px 25px 10px rgba(146,147,250,0.4)}.header__form input[type=button]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg, transparent, rgba(170,172,254,0.4), transparent);transition:all 650ms}.header__form input[type=button]:hover:before{left:100%}.header__p{margin-top:5px;font-size:15px;color:#4bc6ff}.hero{padding-bottom:30px;background-color:black}.hero__img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.main{display:flex;align-items:flex-start;justify-content:space-between;padding:0 20px;background-color:#fff1ff;min-height:600px}.main__section1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:30px;padding-left:100px}.main__section1--title{font-size:20px;font-weight:700;color:black}.main__section1 .liFav__article{margin-top:10px;margin-bottom:10px;border:solid 3px #fe5ad7;padding:5px;border-radius:5px}.main__section1 .liFav__article--title{line-height:20px;font-size:18px;margin-bottom:10px}.main__section1 .liFav__article--title .fa-solid.fa-heart{margin-left:10px;color:#00e8ff;font-size:16px}.main__section1 .liFav__article--img{width:200px;height:200px}.main__section1--resetFavBtn{width:160px;margin-top:20px;padding-left:5px;padding-right:5px;border:solid 3px #00e8ff;background-color:transparent;border-radius:22.5px;font-weight:500;font-size:20px;line-height:40px;text-align:center;color:#00e8ff}.main__section1--resetFavBtn:hover{background:black}.main__section2{display:flex;flex-direction:column;align-items:left;padding-top:30px;padding-right:100px}.main__section2--title{font-size:20px;font-weight:700;color:black}.main__section2 .li{text-align:center}.main__section2 .li__article{margin-top:10px;margin-bottom:10px;border:solid 3px #96eb74;padding:5px;border-radius:5px}.main__section2 .li__article--title{line-height:20px;font-size:18px;margin-bottom:10px}.main__section2 .li__article--img{width:200px;height:200px}.selected{background-color:black;color:#96eb74;padding:10px}.hidden{display:none}.footer{background-color:black;box-sizing:border-box;padding-top:25px;color:#fe59cf;width:100%;height:70px;text-align:center;position:sticky;bottom:0}