.App{font-family:"Varela Round",sans-serif;overflow-x:hidden;overflow-y:hidden}.Main{display:flex;flex-direction:column;background-color:#303;font-family:"Press Start 2P",cursive}.Main_Title{display:flex;justify-content:center}.Banner{background-color:rgba(61,61,61,.5);border-radius:1px;box-shadow:0 3px 10px #000}@media (max-width:768px){.Main{padding:0 1rem}.Banner{flex-direction:column;align-items:center;padding:1rem 0}.Banner .Main_Title img{width:80%;height:auto}}@media (max-width:480px){.Banner{padding:.5rem 0}}.About{display:flex;flex-direction:column;justify-content:center;border-radius:5px;margin:auto}.About,.VocabBtn{font-family:"Press Start 2P",cursive;color:#d6c349}.VocabBtn{background-color:rgba(61,61,61,.75);height:50px;font-size:1em}.Termonology{display:flex;flex-direction:column;justify-content:center}.Heading{padding:20px;color:#fff;font-family:"Press Start 2P",cursive;text-shadow:5px 1px 5px #000}.Heading,.Text{text-align:center;font-size:calc(12px + 1vw)}.Text{padding:10px;line-height:40px;display:flex;justify-content:center;font-style:bold;font-family:"Play",sans-serif;background-color:rgba(61,61,61,.4);margin-left:5%;margin-right:5%;box-shadow:inset 0 0 5px #000;border-radius:5px}.Scroll{background-color:#000;height:auto;border-radius:10px;font-family:"Press Start 2P",cursive}.Sub_Title{color:#fff;background-color:rgba(61,61,61,.5);height:50px;border-radius:5px}li{padding:5px}.Scroll::-webkit-scrollbar{width:1em;background-color:rgba(61,61,61,.5)}.Scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.Scroll::-webkit-scrollbar-thumb{background-color:rgba(95,86,86,.7);outline:1px solid #000}.Panel{display:flex;flex-direction:row;font-family:"Press Start 2P",cursive;box-shadow:inset 0 0 5px #000}.wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;grid-auto-rows:minmax(100px,auto);font-size:calc(12px + 1vw)}.one{grid-column:1/3;grid-row:1}.two{grid-column:2/4;grid-row:1/3}.three{grid-column:1;grid-row:2/5}.four{grid-column:3;grid-row:3}.five{grid-column:2;grid-row:4}.six{grid-column:3;grid-row:4}.LeftPanel,.RightPanel{display:flex;flex-direction:column;margin:auto;padding:25px}.Picture{display:flex;align-content:center}.Left_Image,.Picture{margin:auto;border:5px solid rgba(61,61,61,.4);border-radius:10px}.Left_Image:hover{transform:scale(2)}.SubText{font-family:"Press Start 2P",cursive;background-color:rgba(61,61,61,.75)}.Download,.SubText{color:#fff;font-size:24px;text-align:center}.Download{text-decoration:none;background-color:#e67e22;width:200px;border-radius:10px;padding:5px;box-shadow:1px 3px 1px 1px #000;margin:auto auto 15px}.Card_Slider{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem;padding:1rem 0}.Card_Container{display:flex;width:75%;max-width:800px;background-color:rgba(61,61,61,.75);border-radius:10px;overflow:hidden;box-shadow:inset 0 0 5px #000}.Card_Info{flex:1 1;padding:1rem;color:#fff;font-family:"Press Start 2P",cursive}.Card_Info .Card_Type{margin:0 0 .5rem;font-size:calc(8px + 1vw)}.Card_Type.Being{color:green}.Card_Type.Ancient{color:#add8e6}.Card_Type.Spell{color:#fafad2}.Card_Type.Landscape{color:#0f0}.Card_Info h2{margin:.25rem 0;font-size:calc(14px + 1vw)}.Card_Info h6{margin:.25rem 0;font-size:12px;color:rgba(214,195,73,.8)}.Card_Info .Important_Text{margin:.75rem 0;font-size:14px;color:#e0ffff}.Card_Info h3{margin:.25rem 0;font-size:12px;color:#ff0}.Card_Info h4{margin-top:1rem;font-size:14px}.Card_Image{flex-shrink:0;width:180px;object-fit:contain;background-color:rgba(0,0,0,.1);padding:.5rem}.ScrollBox{overflow-y:auto;width:100%}@media (max-width:768px){.Card_Container{width:90%}}@media (max-width:480px){.Card_Container{flex-direction:column;align-items:center}.Card_Image,.Card_Info{width:100%;text-align:center}.Card_Image{margin-top:1rem}}.Media{justify-content:center;margin:auto}.HowTo,.Media{display:flex;flex-direction:column}.HowTo{align-items:center;width:100%;margin:2rem auto;color:rgba(214,195,73,.9);font-family:"Press Start 2P",cursive}.MiddleText{padding:1.5rem;box-shadow:inset 0 0 5px #000;margin-bottom:1rem}.Info_Title,.MiddleText{width:100%;text-align:center;background:rgba(61,61,61,.4);box-sizing:border-box}.Info_Title{color:#ff0;font-size:calc(14px + 1vw);padding:.5rem;box-shadow:inset 0 0 10px #000}.Info_Title .Subtitle{font-size:12px;color:#fff;margin-top:.25rem}.Term{width:95%;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:0 1rem}.Scroll,.Term{box-sizing:border-box}.Scroll{width:100%;max-height:70vh;overflow-y:scroll;overflow-x:hidden;padding:1rem;box-shadow:inset 0 0 15px #000;word-wrap:break-word;white-space:normal}.Rules_List{list-style:inside disc;margin:.5rem 0 1.5rem;padding:0}.Sub_Title{margin-top:1rem;font-size:calc(12px + 1vw);text-align:center}.Deck_Section{width:75%;margin:1rem auto;padding:1rem;background:rgba(61,61,61,.4);box-shadow:inset 0 0 5px #000;box-sizing:border-box}.Deck_Section h2{text-align:center}.Deck_Container{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.Deck_Container ul{list-style:none;margin:0;padding:0}.Deck_Container ul li{margin-bottom:.5rem}.Card_Images{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.5rem;gap:.5rem;margin-top:.5rem;width:100%;box-sizing:border-box}.Small_Card{width:80px;height:120px;object-fit:cover}.Deck_Cost{margin-top:.5rem;font-size:14px}.Terminology{width:100%;background:rgba(61,61,61,.4);padding:1rem;box-shadow:inset 0 0 5px #000;box-sizing:border-box}.VocabBtn{margin:1rem auto;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-size:14px;box-sizing:border-box}@media (max-width:768px){.Scroll{max-height:65vh}.Info_Title{font-size:calc(12px + 2vw)}}@media (max-width:480px){.Scroll{max-height:50vh}.MiddleText{font-size:14px;padding:1rem}.VocabBtn{font-size:12px;padding:.5rem 1rem}}
/*# sourceMappingURL=main.462e99ab.chunk.css.map */