*{margin:0;padding:0}body{font-family:IM Fell English,serif}.button{background-color:#740001;border:.2rem solid #d3a625;border-radius:.8rem;color:#fff;display:inline-block;font-size:1.2rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.button:hover{background-color:#5a0000;box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:1rem}.header-content{max-width:800px;padding:2rem}.page-title{color:#fff;font-family:UnifrakturCook,cursive;font-size:4rem;margin-bottom:1rem;margin-top:2rem;text-align:center}.page-description{color:#fff;font-size:1.2rem;text-align:center}.background-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}input{border:none;border-radius:4px;flex-grow:1;font-family:IM Fell English,serif;font-size:1rem;padding:.8rem 1rem}.search-filter{font-size:.9rem}.hero-section{align-items:center;background:url(/final-project-imemilyhuang/static/media/hogwarts-background.d84d3c6b9b588d98bd09.jpg) no-repeat 50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;text-align:center}.hero-section:before{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-content{padding:2rem;position:relative;z-index:1}.hero-content .page-description{margin-bottom:2rem}.navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,#000000e6 0,#000000b3 50%,#0000);box-shadow:0 2px 10px #0000004d;left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem}.navbar .logo-link .logo{height:50px;transition:transform .3s ease}.navbar .logo-link .logo:hover{transform:scale(1.1)}.navbar .nav-links{display:flex;gap:1rem}.navbar .nav-links .nav-link{align-items:center;border-radius:4px;color:#fff;display:flex;font-family:IM Fell English,serif;font-size:1.1rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar .nav-links .nav-link:hover{background-color:#ffffff1a;transform:translateY(-2px)}.navbar .nav-links .nav-link .emoji{font-size:1.2rem}.navbar .hamburger{background:none;border:none;cursor:pointer;display:none;padding:.5rem;position:relative;z-index:1002}.navbar .hamburger .hamburger-line{background:#fff;border-radius:1rem;display:block;height:.2rem;margin:6px 0;transition:all .3s ease;width:25px}.navbar .hamburger.is-active{position:absolute;right:2rem;top:1.5rem}.navbar .hamburger.is-active .hamburger-line:first-child{background:#fff;transform:translateY(9px) rotate(45deg)}.navbar .hamburger.is-active .hamburger-line:nth-child(2){opacity:0}.navbar .hamburger.is-active .hamburger-line:nth-child(3){background:#fff;transform:translateY(-9px) rotate(-45deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;height:100vh;justify-content:center;left:0;position:absolute;top:0;z-index:1001}.mobile-menu-content,.mobile-menu-overlay{align-items:center;display:flex;width:100%}.mobile-menu-content{flex-direction:column;gap:2rem;max-width:500px;padding:2rem}.mobile-nav-link{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-family:IM Fell English,serif;font-size:1.5rem;gap:1rem;justify-content:center;padding:1rem;text-decoration:none;transition:all .3s ease;width:100%}.mobile-nav-link:hover{background-color:#ffffff1a;transform:scale(1.05)}.mobile-nav-link .emoji{font-size:1.8rem}@media(max-width:768px){.navbar .nav-links{display:none}.navbar .hamburger{display:block;position:absolute;right:2rem;top:1.5rem}}.site-footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(0deg,#000000e6 0,#00000080 50%,#0000);padding:1.5rem 0;position:relative;text-align:center;z-index:100}.site-footer .footer-content p{color:#ffffffb3;font-family:IM Fell English,serif}.card{cursor:pointer;height:16rem;perspective:1000px;scrollbar-gutter:stable;width:20rem}.card-inner{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background:#fff;color:#333;padding:2rem;text-align:center}.card-front .card-content{align-items:center;box-sizing:initial;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;width:100%}.card-back{background:#f9f9f9;border:.5px solid #eaeaea;color:#333;transform:rotateY(180deg)}.card-back .card-content{box-sizing:initial;height:100%;min-width:fit-content;overflow-y:auto;padding:2rem;scrollbar-color:#d2d2d2 #0000;scrollbar-width:thin;text-align:center}.card-back .card-content::-webkit-scrollbar{background:#0000;width:6px}.card-back .card-content::-webkit-scrollbar-track{background:#0000}.card-back .card-content::-webkit-scrollbar-thumb{background-color:#5c4d4d;border-radius:3px}.card-name{color:inherit;font-family:UnifrakturCook,cursive;font-size:1.8rem;line-height:2rem;margin-bottom:1.2rem;overflow-wrap:break-word}.card-house,.card-type{border-radius:1rem;display:inline-block;font-family:IM Fell English,serif;font-size:1rem;font-weight:600;margin:5px 0;padding:5px 10px}.card-detail{font-family:IM Fell English,serif;font-size:.9rem}.card.house-gryffindor .card-front{background-color:#740001;color:#ffdb58}.card.house-gryffindor .card-house{background-color:#d3a625;color:#740001}.card.house-slytherin .card-front{background-color:#1a472a;color:#aaa}.card.house-slytherin .card-house{background-color:#aaa;color:#1a472a}.card.house-hufflepuff .card-front{background-color:#ecb939;color:#372e29}.card.house-hufflepuff .card-house{background-color:#372e29;color:#ecb939}.card.house-ravenclaw .card-front{background-color:#0e1a40;color:#946b2d}.card.house-ravenclaw .card-house{background-color:#946b2d;color:#0e1a40}.card.house-no-house .card-front{background-color:#5d5d5d;color:#fff}.card.house-no-house .card-house{background-color:#9e9e9e;color:#5d5d5d}.card.potion-theme .card-front{background-color:#6a3093;color:#fff}.card.potion-theme .card-type{background-color:#a044ff;color:#fff}.card.spell-theme .card-front{background-color:#11998e;color:#fff}.card.spell-theme .card-type{background-color:#38ef7d;color:#333}.card-gap-content{display:flex;flex-direction:column;gap:.75rem}.loader-page{min-height:100vh;position:relative}.loader-page:before{background:url(/final-project-imemilyhuang/static/media/marauders-map.11e0b316f2af91d71819.jpg) no-repeat 50%;background-size:cover;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.loader-page .background-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.loader-page .loader-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;z-index:1}.loader-page .loader-container .loader{animation:spin 1s linear infinite;border:5px solid #f3f3f34d;border-radius:50%;border-top-color:#d4af37;box-shadow:0 0 15px #d4af3780;height:60px;margin-bottom:20px;width:60px}.loader-page .loader-container p{color:#d4af37;font-family:IM Fell English,serif;font-size:1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.638)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subpage-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.subpage-container:before{background-size:cover;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.subpage-container .content-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;max-width:75rem;padding:2rem;position:relative;z-index:1}.characters-page:before{background-image:url(/final-project-imemilyhuang/static/media/characters-background.9ea544d812a9abfc2469.png)}.potions-page:before{background-image:url(/final-project-imemilyhuang/static/media/potions-background.60ddaadc5d4e7b7c924d.png)}.spells-page:before{background-image:url(/final-project-imemilyhuang/static/media/spells-background.cf79195ef536cdea271a.png)}.search-filter-container{background-color:#000000b3;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.search-filter-container .search-bar{align-items:center;display:flex;margin-bottom:1rem}.search-filter-container .search-bar .search-icon{margin-left:-2rem;padding-right:1rem}.search-filter-container .filters{display:flex;flex-wrap:wrap;gap:1rem}.search-filter-container .filters select{background-color:#fff;border:none;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-family:IM Fell English,serif;min-width:200px;padding:.8rem}.no-results{background-color:#00000080;border-radius:8px;font-size:1.2rem;padding:2rem;text-align:center;width:100%}.not-found-page{align-items:center;color:#fff;display:flex;font-family:IM Fell English,serif;justify-content:center;min-height:100vh;position:relative;text-align:center}.not-found-page:before{background:url(/final-project-imemilyhuang/static/media/room-of-requirement.c9504a9fd6c3b861d6ad.png) no-repeat 50%;background-size:cover;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.not-found-page .background-overlay{background-color:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.not-found-page .content{max-width:600px;padding:2rem;position:relative;z-index:1}.not-found-page .content h1{color:#d4af37;font-family:UnifrakturCook,cursive;font-size:6rem;margin-bottom:.5rem;text-shadow:0 0 10px #d4af3780}.not-found-page .content h2{font-family:UnifrakturCook,cursive;font-size:4rem;margin-bottom:2rem}.not-found-page .content p{font-size:1.2rem;margin-bottom:2rem}
/*# sourceMappingURL=main.d4fcc692.css.map*/