@import url(https://fonts.googleapis.com/css2?family=Waiting+for+the+Sunrise&display=swap);@import url(https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap);.spinner{text-align:center}body,html{overflow-x:hidden}body{display:flex;align-items:center;flex-direction:column;margin:0;justify-content:center;background-color:hsla(0,0%,98%,.918);font-family:"Yusei Magic",sans-serif}header{padding:10px 0;background:#1b1818;position:relative;margin-left:-50vw;width:100vw;font-size:1.7vw;left:50%;z-index:1}path{fill:#fff}button:hover{cursor:pointer}a{text-decoration:none;color:#000}a,footer{padding:10px}footer{margin-top:auto;text-align:center;font-size:medium;width:100vw;background-color:#1b1818;color:#faebd7}.directory-input{width:200px;text-align:center}.card-container{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;text-align:center;margin:100px 250px}.search-form{text-align:center;box-shadow:1px 10px 10px #757575}.basket{text-align:center;margin-top:100px}.main-text-header{position:absolute;color:#fff;top:25%;font-size:5vw;z-index:1;-webkit-animation:floating-header 5s infinite;animation:floating-header 5s infinite}.main-text-container{display:flex;justify-content:center}.background-image{height:70vh;width:100%;-webkit-filter:blur(80px);filter:blur(80px)}.cards{margin:30px 0}.navbar{display:flex;justify-content:center}.navbar-text{color:#fff;padding:15px}.navbar-text:hover{color:#bbb}.container-card,.container-card2,.container-card3{text-align:center;margin:10px;width:345px;height:525px;-webkit-animation:floating 2s infinite;animation:floating 2s infinite;border-radius:2em}.container-card2{-webkit-animation:floating2 2.5s infinite;animation:floating2 2.5s infinite}.container-card3{-webkit-animation:floating3 3s infinite;animation:floating3 3s infinite}@-webkit-keyframes floating-header{0%{margin-top:5%}50%{margin-top:0}to{margin-top:5%}}@keyframes floating-header{0%{margin-top:5%}50%{margin-top:0}to{margin-top:5%}}.quiz-container{flex-flow:column wrap;text-align:center;background:url(https://images.newscientist.com/wp-content/uploads/2021/05/12152423/gettyimages-948740634_web.jpg);padding:25px;color:#fff;height:500px;width:400px;box-shadow:.5px .5px 8px #000;border-radius:2em;margin-bottom:200px;position:relative;margin-left:-200px;left:50%}.quiz-button-container,.quiz-container{display:flex;justify-content:center;align-items:center}.quiz-button-container{padding:0}.quiz-buttons{font-size:medium;width:300px;height:50px;border-radius:2rem;color:#fff;font-weight:700;border:none;background-color:rgba(4,5,61,.76);margin-top:25px}.mobile-header{display:none}#github,#linkedin{width:25px}@media only screen and (max-width:800px){header{padding:10px 0;margin-left:-50vw;width:100vw;font-size:x-large;left:50%}footer{width:100%}.mobile-header{display:block}.navbar{display:none}.main-text-header{font-size:7vw}.directory-search{font-size:4vw}}.hogwarts-card,.hogwarts-card2,.hogwarts-card3{box-shadow:1px 1px 40px #9e765e;background-image:url(https://i.imgur.com/nXzRLkU.png);margin-bottom:200px;border:10px outset #7b614c;background-color:#fff7df}.hogwarts-card2{background-image:url(https://i.imgur.com/vlWAJ5n.png)}.hogwarts-card3{background-image:url(https://i.imgur.com/l6xlwLH.png)}.hogwarts-card2:hover,.hogwarts-card3:hover,.hogwarts-card:hover{border:10px inset #7b614c;background-color:#ede1bb}.hogs-card,.hogs-card2,.hogs-card3{box-shadow:1px 1px 50px #5a4747;background-image:url(https://i.imgur.com/C83P2qC.png);margin-bottom:200px;border:10px outset #60544b;background-color:#d7d6d6}.hogs-card2{background-image:url(https://i.imgur.com/Ak9smb9.png)}.hogs-card3{background-image:url(https://i.imgur.com/j8vtoLM.png)}.hogs-card2:hover,.hogs-card3:hover,.hogs-card:hover{border:10px inset #60544b;background-color:#b5b1b1}.diary-container{text-align:center;display:flex;flex-flow:column wrap;padding:20px;margin:100px 250px;border-radius:3em;box-shadow:inset 1px 1px 60px #241302;background:#ddc584;height:500px}.diary-form{text-align:center;margin-bottom:400px}.animated-text,.screaming-text,.spinning-text{color:#000;font-family:"Waiting for the Sunrise",cursive;letter-spacing:.15em;margin-top:30px;font-size:xx-large;-webkit-animation:fadeIn 7s ease-in;animation:fadeIn 7s ease-in;opacity:0}.screaming-text{-webkit-animation:bigger 5s ease-in-out;animation:bigger 5s ease-in-out}.spinning-text{-webkit-animation:spin 3s;animation:spin 3s}@-webkit-keyframes spin{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}to{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}}@keyframes spin{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}to{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:1}}.diary-message{font-family:"Waiting for the Sunrise",cursive;letter-spacing:.15em;color:#000;margin:30px;width:1000px;overflow-wrap:break-word;font-size:xx-large;-webkit-animation:fadeOut 15s ease-out;animation:fadeOut 15s ease-out;opacity:0}@-webkit-keyframes bigger{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes bigger{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.book-button{border:none;background-color:transparent}.book-button img{width:100px;padding:10px 0;margin:20px 0;transition:.7s ease-in-out}.book-button:hover img{width:120px}.ingredients-cage{border:10px solid #384715;box-shadow:inset 10px 10px #000;background:#feffb6}.modal,.potion-flask{text-align:center}.potion-flask{margin-top:100px;width:10%;-webkit-animation:tilting .7s infinite;animation:tilting .7s infinite}.ingredients-container{display:flex;flex-flow:row wrap;justify-content:center;text-align:center;padding:20px;margin:100px 250px;color:#316902}.ingredients{height:100px;margin:40px}.ingredients-buttons{background:none;border:none}.ingredients-buttons:hover{box-shadow:inset 1px 1px 10px #000}.potions-button{border:5px solid #384715;color:#96ce69;background-color:#384715;font-size:15px;margin:10px}.potions-button:hover{border:5px solid #96ce69;color:#384715;background-color:#96ce69}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes tilting{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes tilting{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.gringotts-card{text-align:center;border:10px double #daa520;background-image:#420202;width:345px;height:525px;color:#daa520;border-radius:2em;margin:10px 10px 200px}.gringotts-money-display-container{border-bottom:1px solid #daa520;margin:10px}.gringotts-money-display{height:70px;width:130px;color:#daa520;background:#420202;border:solid #daa520;border-radius:.5em}.gringotts-cards2{-webkit-animation:floating2 2.5s infinite;animation:floating2 2.5s infinite}.gringotts-cards3{-webkit-animation:floating3 3s infinite;animation:floating3 3s infinite}@-webkit-keyframes floating{0%{margin-top:20%}50%{margin-top:0}to{margin-top:20%}}@keyframes floating{0%{margin-top:20%}50%{margin-top:0}to{margin-top:20%}}@-webkit-keyframes floating2{0%{margin-top:30%}50%{margin-top:0}to{margin-top:30%}}@keyframes floating2{0%{margin-top:30%}50%{margin-top:0}to{margin-top:30%}}@-webkit-keyframes floating3{0%{margin-top:40%}50%{margin-top:0}to{margin-top:40%}}@keyframes floating3{0%{margin-top:40%}50%{margin-top:0}to{margin-top:40%}}.diagon-card,.diagon-card3,.diagon-card4,.diagon-card5,.diagon-card6{box-shadow:1px 1px 20px #000;background-image:url(https://i.imgur.com/4vLnhvv.png);margin-bottom:200px;border:10px outset #610c31;background-color:#ffe6d5}.diagon-card3{background-image:url(https://i.imgur.com/a3jYSVA.png)}.diagon-card4{background-image:url(https://i.imgur.com/eFBSIzI.png)}.diagon-card5{background-image:url(https://i.imgur.com/cVcVoRv.png)}.diagon-card6{background-image:url(https://i.imgur.com/tccGpUE.png)}.diagon-card3:hover,.diagon-card4:hover,.diagon-card5:hover,.diagon-card6:hover,.diagon-card:hover{border:10px inset #610c31;background-color:#eec3a7}.owl-form{text-align:center;box-shadow:1px 10px 10px #757575}.owl-form-button{color:#000;background-color:#faebd7;height:31px;border:1px solid #deb887}.owl-post-cards{font-size:20px}.owl-form-value,.owl-post-cards{font-family:"Waiting for the Sunrise",cursive}.owl-form-value{font-size:15px;background-color:#faebd7;border:1px solid #deb887}.pets-container{text-align:center;display:flex;flex-flow:row wrap;justify-content:center;padding:20px;margin:100px 250px;color:#daa520}.pets-cage{border:solid #462907;box-shadow:inset 10px 10px #000;background:#1f1401}.pets{height:160px;margin:50px}.menagerie-button{background-color:transparent;color:#daa520;border-radius:2em;border:1px solid #daa520}.menagerie-button:hover{background-color:#daa520;color:#1f1401}.add-button-menagerie,.button-menagerie,.minus-button-menagerie{border:1px solid #462907;background:#1f1401;color:#daa520;padding:10px;margin:2px;border-radius:.5em}.add-button-menagerie:hover,.button-menagerie:hover,.minus-button-menagerie:hover{border:1px solid #462907;background:#daa520;color:#1f1401}.add-button-menagerie,.minus-button-menagerie{width:40px;height:35px}.wands-container{display:flex;flex-flow:row wrap;justify-content:center;padding:20px;margin:100px 250px}.wand-cage{display:flex;flex-direction:column;text-align:center;border:solid #04703a;box-shadow:inset 10px 10px #000;background:#081f12;color:#04703a;padding-top:15px}.wands{height:160px;margin:80px}.ollivanders-button{border:none}.ollivanders-button,.wand-button{background-color:transparent;color:#04703a}.wand-button{border-radius:2em;border:1px solid #04703a}.wand-button:hover{background-color:#04703a;color:#081f12}.add-button-ollivanders,.button-ollivanders,.minus-button-ollivanders{border:1px solid #04703a;background:#081f12;color:#04703a;padding:10px;margin:2px;border-radius:.5em}.add-button-ollivanders:hover,.button-ollivanders:hover,.minus-button-ollivanders:hover{border:1px solid #04703a;background:#04703a;color:#081f12}.add-button-ollivanders,.minus-button-ollivanders{width:40px;height:35px}.books-container{text-align:center;display:flex;flex-flow:row wrap;justify-content:center;padding:20px;margin:100px 250px;color:#c8a86b}.books-cage{border:solid #957b49;box-shadow:inset 10px 10px #000;background:#5c432e}.books{height:160px;margin:80px}.flourish-button{background-color:transparent;color:#c8a86b;border-radius:2em;border:1px solid #c8a86b}.flourish-button:hover{background-color:#c8a86b;color:#5c432e}.add-button-flourish,.button-flourish,.minus-button-flourish{border:1px solid #957b49;background:#5c432e;color:#c8a86b;padding:10px;margin:2px;border-radius:.5em}.add-button-flourish:hover,.button-flourish:hover,.minus-button-flourish:hover{border:1px solid #957b49;background:#c8a86b;color:#5c432e}.add-button-flourish,.minus-button-flourish{width:40px;height:35px}.food-container{text-align:center;display:flex;flex-flow:row wrap;justify-content:center;padding:20px;margin:100px 250px}.foods{height:185px;margin:40px}.drink-cage,.meal-cage,.snack-cage{text-align:center;border:10px solid #f8f4de;box-shadow:inset 10px 10px #000;background:#f3ecc6;color:#b39639}.drink-cage{border:10px solid #a4e6dd;background:#81ccc2;color:#178173}.snack-cage{border:10px solid #dfd0f8;background:#d1bbf5;color:#755692}.drink-button,.meal-button,.snack-button{background-color:transparent;color:#b39639;border:1px solid #b39639;border-radius:2em}.drink-button{color:#178173;border:1px solid #178173}.snack-button{color:#755692;border:1px solid #755692}.meal-button:hover{background-color:#b39639;color:#f3ecc6}.drink-button:hover{background-color:#178173;color:#81ccc2}.snack-button:hover{background-color:#755692;color:#d1bbf5}.add-button-broomsticks,.button-broomsticks,.minus-button-broomsticks{border:1px solid #7e4504;background:#ca963d;color:#e4d2a3;padding:10px;margin:2px;border-radius:.5em}.add-button-broomsticks:hover,.button-broomsticks:hover,.minus-button-broomsticks:hover{border:1px solid #7e4504;background:#e4d2a3;color:#ca963d}.add-button-broomsticks,.minus-button-broomsticks{width:40px;height:35px}.platform-card,.platform-card3{box-shadow:1px 1px 50px #6b3c16;margin-bottom:200px;background-image:url(https://i.imgur.com/JWB2ZGJ.png);border:10px outset #e7a428;background-color:#f0ece0}.platform-card3{background-image:url(https://i.imgur.com/a9vet7N.png)}.platform-card3:hover,.platform-card:hover{border:10px inset #e7a428;background-color:#ded9cd}
/*# sourceMappingURL=main.f1e2719b.chunk.css.map */