@import url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}body{background-color:#000;color:#e0d9d1;font-family:sans-serif;font-size:10px}@media (min-width:768px){body{background:url(../../static/media/stars.e5123e2ac447b8bc6199.jpg) no-repeat fixed 50%;background-size:cover}}.main{display:flex;flex-direction:column;margin:20px;min-height:calc(100vh - 350px)}@media (min-width:768px){.main{flex-direction:row;margin:20px auto;min-height:calc(100vh - 375px);width:740px}}@media (min-width:1200px){.main{width:910px}}.header{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEMzNjkyRDE3RUREMTFFQ0EyMTg4MTc1NkVDMUQyREMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEMzNjkyRDI3RUREMTFFQ0EyMTg4MTc1NkVDMUQyREMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzM2OTJDRjdFREQxMUVDQTIxODgxNzU2RUMxRDJEQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzM2OTJEMDdFREQxMUVDQTIxODgxNzU2RUMxRDJEQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PisqvL8AAAB3SURBVHjaYnxw8+J/BioCJgYqg1EDcYI3QPycGgb2A7EpEEvJq+lJAWlVIM4H4ie4NDDiSDYvgdgFaMgVbJoe3rrEBqTWAbE3MS7cBsS6uAwDAaDcLyD2ATK7sLnwPpD+CcTngHgpEG8lMR60gTgdiG2BmBcgwAAkkB4gdJ6AqAAAAABJRU5ErkJggg==) bottom repeat-x;color:#000;padding-bottom:10px}.header__link:hover{text-decoration:none}.header__title{background-color:#e0d9d1;color:#000;font-family:HarryPotter,sans-serif;font-size:7em;padding:40px 10px 30px 0;text-align:center}@media (min-width:768px){.header__title{font-size:14em;padding:40px 10px 30px 0}}.character__list{display:flex;flex-wrap:wrap}@media (min-width:768px){.character__list{height:-webkit-min-content;height:min-content;width:100%}}.character__item{background-color:#e0d9d1;border-radius:4px;font-family:Open Sans Condensed,sans-serif;margin:5px;padding:5px;width:calc(50vw - 30px)}@media (min-width:768px){.character__item{width:-webkit-min-content;width:min-content}}.character__link{color:#000}.character__image-container{border-radius:8px;height:0;margin-bottom:10px;overflow:hidden;padding-bottom:100%;width:calc(50vw - 40px)}@media (min-width:768px){.character__image-container{height:150px;width:150px}}.character__image{width:100%}@media (min-width:768px){.character__image{width:150px}}.character__title{color:#000;font-size:1.6em;line-height:1.2em;margin:5px;text-transform:uppercase;width:100%;word-spacing:100vw}@media (min-width:768px){.character__title{font-size:2em}}.character__text{font-size:1.4em;line-height:1.2em;margin:5px;text-transform:capitalize}.message{font-size:1.6em;margin:0 auto 20px}@media (min-width:768px){.message{margin-top:40px}}.filter{border-bottom:1px dashed #e0d9d1;margin:5px 5px 40px;padding-bottom:25px}@media (min-width:768px){.filter{border:none;margin-right:25px;padding-bottom:0}}.filter__form{display:flex;flex-direction:column;font-size:1.4em}.filter__label{align-items:center;color:#e0d9d1;display:flex;margin-bottom:10px}.filter__input,.filter__select{background-color:#000;border:1px solid #e0d9d1;border-radius:0;color:#e0d9d1;display:flex;font-size:inherit;height:30px;margin-bottom:20px;width:100%}@media (min-width:768px){.filter__input,.filter__select{width:200px}}.filter__input--checkbox,.filter__select--checkbox{background-color:transparent;height:auto;margin-bottom:0;margin-right:10px;width:auto}.filter__input{padding:5px}.filter__select .filter__option{text-transform:capitalize}.filter__button{background-color:#de554b;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Open Sans Condensed,sans-serif;font-size:1.6em;font-size:1.2em;margin-top:10px;padding:10px 15px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.filter__button:hover{box-shadow:0 0 3px 2px hsla(0,0%,100%,.1);color:#000;text-decoration:underline}.filter__button .filter__icon{font-size:1.2em;margin-right:10px}.detail{background-color:#e0d9d1;border-radius:4px;color:#000;display:flex;flex-direction:column;font-family:Open Sans Condensed,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;padding:5px;width:100%}@media (min-width:768px){.detail{width:380px}}.detail__button{background-color:#de554b;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Open Sans Condensed,sans-serif;font-size:1.6em;padding:10px 15px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.detail__button:hover{color:#000;text-decoration:underline}.detail__button .detail__icon{font-size:1.2em;margin-right:10px}.detail__image-container{align-self:center;border-radius:50%;height:0;margin-bottom:15px;margin-top:5px;overflow:hidden;padding-bottom:75%;width:75%}.detail__image{width:100%}.detail__title{font-size:3.6em;line-height:1.2em;margin:10px 5px;text-transform:uppercase;width:100%;word-spacing:100vw}@media (min-width:768px){.detail__title{font-size:5em}}.detail__subtitle{align-items:center;border-bottom:1px dotted #999;border-top:1px dotted #999;color:#999;display:flex;font-size:2.8em;line-height:1.2em;margin-bottom:10px;padding:10px 0;text-transform:uppercase}@media (min-width:768px){.detail__subtitle{font-size:3.8em}}.detail__shield{margin-right:5px;width:40px}.detail__content{color:#333;display:flex;font-size:1.4em;line-height:1.6em;margin:5px}@media (min-width:768px){.detail__content{font-size:1.6em}}.detail__wrapper{width:100%}.detail__list{margin-bottom:5px}.detail__item{font-size:inherit}.detail__message{font-size:1.6em;line-height:1.6em;margin:40px auto 80px}@font-face{font-family:HarryPotter;font-style:normal;font-weight:400;src:local("HarryPotter"),url(../../static/media/harry-potter.a65869c0c1a4b3d4fcfc.ttf) format("truetype")}.footer{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCQzRGMDY1RkMzN0VFQzExQjdBMkI2NkNBMTc0NTdGNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERTQ4RjAzRDdGNEUxMUVDQTUzOUQ1MjU0RjczOTlFMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERTQ4RjAzQzdGNEUxMUVDQTUzOUQ1MjU0RjczOTlFMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJDNEYwNjVGQzM3RUVDMTFCN0EyQjY2Q0ExNzQ1N0Y2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJDNEYwNjVGQzM3RUVDMTFCN0EyQjY2Q0ExNzQ1N0Y2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jfwQhgAAAIVJREFUeNpivBfqfYeBgeEzEB8G4plAfJWBNOANxNFAbATE7CxAQhkqYQDEuUDcBcTlRBgkCsQLgNgLWZAJi8IyIN4CxGx4DNMB4svohuEyEOaNu0CcB8QqUDFWIDYB4j6oYeLYNDICw/A/Ed57DjVQhJBCFiIDXpLYGGJioDIYgQYCBBgAxsoSrrZvuQ8AAAAASUVORK5CYII=) top repeat-x;color:#333;font-family:Open Sans Condensed,sans-serif;font-size:1.8em;padding-top:10px}.footer__container{background-color:#de554b}.footer__wrapper{align-items:center;display:flex;flex-direction:column-reverse;justify-content:space-between;padding:30px 0}@media (min-width:768px){.footer__wrapper{align-items:baseline;flex-direction:row;margin:0 auto;width:730px}}@media (min-width:1200px){.footer__wrapper{width:900px}}.footer__copy{padding-bottom:12px;text-transform:uppercase}@media (min-width:768px){.footer__copy{padding-top:5px}}.footer__menu{display:flex;font-size:1.2em;margin-bottom:15px}@media (min-width:768px){.footer__menu{margin-bottom:0}}.footer__item{padding:4px 6px}.footer__link{color:#333}.footer__link:hover{color:#000}
/*# sourceMappingURL=main.854c343c.css.map*/