a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--dark-cyan:#02b1c8;--cyan:#00e1ff;--green:#7ffa67;--white:#fcfcfc;--black:#111;--darkest-grey:#151515;--dark-grey:#222;--grey:#333}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,.8))),#111 url(https://images.unsplash.com/photo-1506703719100-a0f3a48c0f86?&w=1920&h=1080&fit=crop) no-repeat 50% fixed;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.8)),#111 url(https://images.unsplash.com/photo-1506703719100-a0f3a48c0f86?&w=1920&h=1080&fit=crop) no-repeat 50% fixed;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,.8))),var(--black) url(https://images.unsplash.com/photo-1506703719100-a0f3a48c0f86?&w=1920&h=1080&fit=crop) no-repeat center fixed;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.8)),var(--black) url(https://images.unsplash.com/photo-1506703719100-a0f3a48c0f86?&w=1920&h=1080&fit=crop) no-repeat center fixed;background-size:cover;color:#fcfcfc;color:var(--white);font-family:Source Sans Pro,sans-serif;font-weight:400;min-height:100vh;padding:1.25rem;text-align:center;text-shadow:.0625rem .0625rem .0625rem #111;text-shadow:.0625rem .0625rem .0625rem var(--black)}:focus{outline:.1875rem solid #02b1c8;outline:.1875rem solid var(--dark-cyan)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header__heading{color:#02b1c8;color:var(--dark-cyan);font-family:Schoolbell,cursive;font-size:calc(3rem + 2.7vw);line-height:1;margin:1.25rem 0 1.5625rem;text-shadow:.02em .02em .02em #7ffa67,-.02em -.02em .02em #7ffa67,0 0 .2em #7ffa67;text-shadow:.02em .02em .02em var(--green),-.02em -.02em .02em var(--green),0 0 .2em var(--green)}.header__heading span{font-size:.5em;margin:0 -.5ch;vertical-align:middle}.search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.625rem;margin-bottom:1.875rem}.search__label{font-size:1.5625rem}.search__input{background-color:#fcfcfc;background-color:var(--white);border:none;border-radius:1rem;-webkit-box-shadow:0 0 0 .1875rem rgba(0,0,0,.3);box-shadow:0 0 0 .1875rem rgba(0,0,0,.3);color:#111;color:var(--black);font-family:inherit;font-size:1.25rem;height:2.1875rem;max-width:100%;text-align:center;width:17.5rem}.search__input:focus{-webkit-box-shadow:0 0 0 .1875rem #02b1c8;box-shadow:0 0 0 .1875rem #02b1c8;-webkit-box-shadow:0 0 0 .1875rem var(--dark-cyan);box-shadow:0 0 0 .1875rem var(--dark-cyan);outline:none}.results{margin:0 auto 1.25rem;max-width:47rem}.results__info{font-size:1.125rem;margin-bottom:1rem}.results__message{font-size:1.875rem}.loader{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;border:.25rem solid #fcfcfc;border:.25rem solid var(--white);border-radius:50%;border-top:.25rem solid transparent;height:3.125rem;margin:0 auto;width:3.125rem}.character{border-bottom:.125rem solid #151515;border-bottom:.125rem solid var(--darkest-grey)}.character__name{background-color:#222;background-color:var(--dark-grey);cursor:pointer;font-size:1.75rem;font-weight:600;line-height:1.2;padding:1.25rem;text-align:left}.character__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#333;background-color:var(--grey);border-top:.125rem solid #151515;border-top:.125rem solid var(--darkest-grey);-ms-flex-direction:column;flex-direction:column;gap:1.5636rem;line-height:1.2;padding:1.5636rem}.character__info{-webkit-box-flex:1;-ms-flex:1;flex:1}.character__item-summary{color:#00e1ff;color:var(--cyan);cursor:pointer;font-size:1.5636rem;font-weight:400;margin-bottom:.625rem;text-align:center}.character__item-info{font-size:1.375rem;margin-bottom:.625rem}.character__image{border:.3125rem solid #fcfcfc;border:.3125rem solid var(--white);border-radius:1.25rem;margin:auto;max-width:100%}.character__image-container{-webkit-box-flex:1;display:block;-ms-flex:1;flex:1;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media(min-width:600px){.character__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.character__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;gap:1.25rem;justify-content:center;margin-bottom:1rem}.pagination__info{-ms-flex-preferred-size:100%;flex-basis:100%;font-size:1.125rem}.pagination__btn{background:none;background-color:#222;background-color:var(--dark-grey);border:none;-webkit-box-shadow:0 0 0 .1875rem #333;box-shadow:0 0 0 .1875rem #333;-webkit-box-shadow:0 0 0 .1875rem var(--grey);box-shadow:0 0 0 .1875rem var(--grey);color:inherit;cursor:pointer;display:inline-block;font:inherit;font-size:1.375rem;font-weight:600;min-width:8.4375rem;padding:.625rem}