.character-item{grid-auto-columns:auto;grid-auto-rows:auto;list-style:none;margin:10px;text-align:center}.character-item__img{border-radius:6px;height:361px;object-fit:cover;object-position:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:260px}.character-item__img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:768px){.character-item{height:320px;width:230px}}.character-item__name{font-size:24px}.character-item__species{font-size:18px;text-transform:capitalize}.character-item__Gryffindor{border:7px solid #5e2120}.character-item__Slytherin{border:7px solid #1b4e3d}.character-item__Hufflepuff{border:7px solid #845f18}.character-item__Ravenclaw{border:7px solid #1f3149}.character-item__{border:7px solid gray}.character-link{color:#000;text-decoration:none}.section-img{display:none}@media (min-width:768px){.section-img{display:inline-block;left:400px;position:relative;top:-10px}}.paragraph-section{color:#040404;font-size:22px;margin-bottom:20px;margin-top:20px;padding:3px;position:relative;text-align:center;text-transform:capitalize;width:100%}@media (min-width:768px){.paragraph-section{font-size:28px;margin-bottom:-80px;position:relative;top:-160px;-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.character-list{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;list-style:none;text-decoration:none}@media (min-width:768px){.character-list{-webkit-column-gap:50px;column-gap:50px;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:30px;margin-right:30px;row-gap:130px}}.notName-message{border-radius:20px;font-size:22px;padding:20px;text-align:center}@media (min-width:768px){.notName-message{font-size:32px;width:100vw}}.notName-message__input{color:#1b4e3d;font-size:36px;height:40px;line-height:40px;text-shadow:none;text-shadow:-3px 3px #fff,-3px -3px #fff,3px -3px #fff,3px 3px #f3f3f2,6px 6px #151515}.form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:70px}@media (min-width:768px){.form{flex-direction:row;flex-wrap:wrap;margin-top:70px}}.form__name-label{background-color:#5e2120;border-radius:10px;box-shadow:0 5px 5px #818181;color:#faf8f8;font-size:18px;margin-bottom:20px;padding:10px;text-align:center;width:290px}@media (min-width:768px){.form__name-label{margin-right:20px}}.form__name-input{border:3px solid #5e2120;border-radius:10px;box-shadow:0 5px 5px #818181;font-size:18px;margin-bottom:20px;padding:10px;width:290px}@media (min-width:768px){.form__name-input{margin-right:40px}}.form__house-label{background-color:#1b4e3d;border-radius:10px;box-shadow:0 5px 5px #818181;color:#faf8f8;font-size:18px;margin-bottom:20px;padding:10px;text-align:center;width:290px}@media (min-width:768px){.form__house-label{margin-right:20px}}.form__house-select{border:3px solid #1b4e3d;border-radius:10px;box-shadow:0 5px 5px #818181;color:#1b4e3d;font-size:18px;margin-bottom:20px;padding:10px;text-align:center;width:290px}@media (min-width:768px){.form__house-select{margin-right:40px}}.form__gender-label{background-color:#845f18;border-radius:10px;box-shadow:0 5px 5px #818181;color:#faf8f8;font-size:18px;margin-bottom:20px;padding:10px;text-align:center;width:290px}@media (min-width:768px){.form__gender-label{margin-right:20px}}.form__gender-select{border:3px solid #845f18;border-radius:10px;box-shadow:0 5px 5px #818181;color:#845f18;font-size:18px;margin-bottom:35px;padding:10px;text-align:center;width:290px}@media (min-width:768px){.form__gender-select{margin-right:50px}}.form__reset_btn{background-color:#1f3149;border-radius:20px;box-shadow:0 10px 10px #080808;color:#faf8f8;font-size:22px;margin-bottom:20px;padding:20px;text-align:center;width:250px}@media (min-width:768px){.form__reset_btn{margin-right:40px}}.detailSection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start}@media (min-width:768px){.detailSection{flex-direction:row;gap:100px;justify-content:center}}.detailSection__img{border:7px solid #000;border-radius:6px;height:320px;margin-top:50px;object-fit:cover;object-position:center;width:230px}@media (min-width:768px){.detailSection__img{margin-bottom:100px;margin-top:100px}}.detailSection__name{font-size:24px;margin-bottom:20px;margin-top:20px}@media (min-width:768px){.detailSection__name{font-size:30px}}.detailSection__paragraph{color:#fff;margin-bottom:5px}@media (min-width:768px){.detailSection__paragraph{font-size:24px}}.detailSection__house{margin-top:20px;object-fit:cover;width:50px}.section-Gryffindor{background-color:#5e2120}.section-Slytherin{background-color:#1b4e3d}.section-Ravenclaw{background-color:#1f3149}.section-Hufflepuff{background-color:#845f18}.section-{background-color:gray}.SectionDetail-link{color:#000;font-size:24px;padding:20px;text-decoration:none}@media (min-width:768px){.SectionDetail-link{font-size:34px;margin-left:40px}}.characterNot-found{color:red;font-size:24px;margin-bottom:50px;margin-top:60px;text-align:center}@media (min-width:768px){.characterNot-found{font-size:30px}}*{box-sizing:border-box;margin:0;padding:0}.main{font-family:"Bree Serif",serif}.header{align-items:center;background-color:#dbac5b;display:flex;justify-content:center;margin-bottom:25px;margin-top:40px;width:100vw}@media (min-width:768px){.header{background-color:initial}}.header__hat{padding-top:30px;position:fixed;width:110px;z-index:-1}@media (min-width:768px){.header__hat{display:inline;padding-right:30px;position:relative;width:130px;z-index:0}}.header__title{font-family:"Bree Serif",serif;font-size:15px;padding-right:7px;text-transform:uppercase}@media (min-width:768px){.header__title{font-size:35px;padding-right:10px}}.header__logo{width:100px}@media (min-width:768px){.header__logo{width:200px}}
/*# sourceMappingURL=main.4cc2c9eb.css.map*/