{"version":3,"file":"static/css/main.8d70043b.css","mappings":"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","sources":["App.css","styles/Navbar.css","styles/Footer.css","styles/TermsOfService.css","styles/DiscordInt.css","styles/Home.css","styles/Shop.css","styles/Socials.css","styles/About.css","styles/Contact.css","styles/Applications.css"],"sourcesContent":[".App {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\nbody {\r\n padding: 0;\r\n margin: 0;\r\n}",".navbar {\r\n width: 100svw;\r\n height: 80px;\r\n background-color: #000000;\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n\r\n.navbar .leftSide {\r\n flex: 50%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 150px;\r\n}\r\n\r\n.navbar .leftSide img {\r\n width: 70px;\r\n}\r\n\r\n.navbar .rightSide {\r\n flex: 50%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.navbar a {\r\n color: rgb(255, 255, 255);\r\n text-decoration: none;\r\n margin: 10px;\r\n font-size: 18px;\r\n}\r\n\r\n.navbar a:hover {\r\n font-size: 20px;\r\n color: rgb(255, 0, 0);\r\n transition: 0.3s ease-in;\r\n}\r\n\r\n.navbar a.active {\r\n font-size: 22px;\r\n border-radius: 15%;\r\n background-color: rgba(255, 0, 0, 0.552);\r\n padding: 10px;\r\n color: rgb(255, 255, 255);\r\n}\r\n\r\n.navbar .rightSide button {\r\n background-color: transparent;\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n}\r\n\r\n.navbar .rightSide svg {\r\n font-size: 40px;\r\n}\r\n\r\n.navbar #open {\r\n padding-left: 0px;\r\n}\r\n\r\n.navbar #open img {\r\n display: none;\r\n}\r\n\r\n.navbar #close img {\r\n display: inherit;\r\n}\r\n\r\n.navbar #open .hiddenLinks {\r\n display: inherit;\r\n margin-left: 30px;\r\n}\r\n\r\n.navbar #close .hiddenLinks {\r\n display: none;\r\n}\r\n\r\n.navbar #open a {\r\n width: 70px;\r\n margin: 5px;\r\n}\r\n\r\n@media only screen and (max-width: 900px) {\r\n .navbar .rightSide a {\r\n width: 65px;\r\n }\r\n\r\n .navbar .leftSide {\r\n padding-left: 50px;\r\n }\r\n\r\n .navbar #open img {\r\n display: none;\r\n }\r\n\r\n .navbar #close img {\r\n display: inherit;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n .navbar .rightSide a {\r\n display: none;\r\n }\r\n\r\n .navbar .rightSide {\r\n justify-content: flex-end;\r\n padding-right: 50px;\r\n }\r\n\r\n .navbar .rightSide button {\r\n display: inherit;\r\n }\r\n\r\n .navbar #open img {\r\n display: none;\r\n }\r\n\r\n .navbar #close img {\r\n display: inherit;\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 601px) {\r\n .navbar .rightSide button {\r\n display: none;\r\n }\r\n\r\n .hiddenLinks {\r\n display: none;\r\n }\r\n\r\n .navbar .leftSide a {\r\n display: none;\r\n }\r\n\r\n .navbar #open img {\r\n display: none;\r\n }\r\n\r\n .navbar #close img {\r\n display: inherit;\r\n }\r\n\r\n}",".footer {\r\n bottom: 0;\r\n width: 100vw;\r\n min-height: 100%;\r\n background-color: #000000;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n.socialMedia svg,\r\n.socialMedia a {\r\n color: rgb(255, 0, 0);\r\n margin: 20px;\r\n font-size: 50px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n}\r\n\r\n.footer p {\r\n color: rgb(0, 255, 13);\r\n}\r\n\r\n.importantInfo a {\r\n text-decoration: none;\r\n color: white;\r\n font-size: 16px;\r\n}\r\n\r\n.importantInfo a:hover {\r\n color: red;\r\n text-decoration: underline;\r\n}",".terms-container {\r\n max-width: 800px;\r\n /* Adjust as needed */\r\n margin: 0 auto;\r\n padding: 20px;\r\n font-family: sans-serif;\r\n}\r\n\r\n.terms-container h2 {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.terms-container h3 {\r\n margin-top: 30px;\r\n}\r\n\r\n.terms-container p {\r\n line-height: 1.6;\r\n}",".discord-container {\r\n position: fixed;\r\n bottom: 10px;\r\n right: 10px;\r\n z-index: 1001;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n\r\niframe {\r\n height: 350px;\r\n width: 400px;\r\n overflow: hidden;\r\n border-radius: 10%;\r\n border: none;\r\n}\r\n\r\n.discord-iframe {\r\n height: 350px;\r\n width: 400px;\r\n background-color: black;\r\n border: 1px solid black;\r\n padding: 5px;\r\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\r\n border-radius: 10%;\r\n transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;\r\n}\r\n\r\n.discord-container.minimized .discord-iframe {\r\n transform: translateY(100%);\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.discord-toggle {\r\n background-color: #262731;\r\n border: none;\r\n color: #7289DA;\r\n /* Discord Blurple */\r\n padding: 8px 12px;\r\n text-align: center;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.discord-container.minimized .discord-toggle {\r\n transform: rotate(360deg);\r\n /* Rotate for minimized state */\r\n}\r\n\r\n@media only screen and (max-width: 1030px) {\r\n .discord-container {\r\n display: none;\r\n }\r\n}",".home {\r\n width: 100svw;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: left;\r\n flex-direction: column;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n font-family: \"Gill Sans\", \"Gill Sans MT\", Calibri, \"Trebuchet MS\", sans-serif;\r\n}\r\n\r\n.headerContainer {\r\n border-radius: 10px;\r\n height: auto;\r\n width: 50svw;\r\n margin-left: 30px;\r\n padding: 16px;\r\n background-color: rgba(32, 31, 31, 0.40);\r\n}\r\n\r\n.headerContainer h1 {\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 90px;\r\n height: auto;\r\n font-weight: 50;\r\n color: black;\r\n width: auto;\r\n}\r\n\r\n.headerContainer p {\r\n padding: 0;\r\n font-size: 40px;\r\n font-weight: lighter;\r\n color: black;\r\n width: auto;\r\n}\r\n\r\n.headerContainer button {\r\n color: rgb(0, 0, 0);\r\n border: none;\r\n border-radius: 18px;\r\n cursor: pointer;\r\n justify-content: center;\r\n background-color: black;\r\n height: 50px;\r\n width: 180px;\r\n color: rgb(255, 255, 255);\r\n text-decoration: none;\r\n font-size: 20px;\r\n}\r\n\r\n.headerContainer button:hover {\r\n background-color: #ff0000;\r\n color: rgb(255, 255, 255);\r\n cursor: pointer;\r\n transition: 0.3s ease-in;\r\n}\r\n\r\n@media only screen and (max-width: 765px) {\r\n .home {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .headerContainer h1,\r\n .headerContainer p {\r\n display: flex;\r\n }\r\n\r\n .headerContainer {\r\n margin-left: 0px;\r\n border-radius: 10px;\r\n padding: 10px;\r\n width: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n background-color: #121619;\r\n color: white;\r\n }\r\n\r\n .headerContainer h1 {\r\n font-size: 40px;\r\n height: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer p {\r\n font-size: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer button {\r\n background-color: rgb(255, 255, 255);\r\n color: #000000;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .headerContainer button:hover {\r\n background-color: #ff0000;\r\n color: rgb(255, 255, 255);\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 500px) {\r\n\r\n .headerContainer,\r\n .headerContainer h1,\r\n .headerContainer p {\r\n justify-content: center;\r\n display: flex;\r\n\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1030px) {}\r\n\r\n@media only screen and (max-width: 920px),\r\n(max-height: 630px) {\r\n .home {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .headerContainer h1,\r\n .headerContainer p {\r\n display: flex;\r\n }\r\n\r\n .headerContainer {\r\n margin-left: 0px;\r\n border-radius: 10px;\r\n padding: 10px;\r\n width: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n background-color: #121619;\r\n color: white;\r\n }\r\n\r\n .headerContainer h1 {\r\n font-size: 40px;\r\n height: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer p {\r\n font-size: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer button {\r\n background-color: rgb(255, 255, 255);\r\n color: #000000;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .headerContainer button:hover {\r\n background-color: red;\r\n color: rgb(255, 255, 255);\r\n }\r\n\r\n}",".shop {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n .shop .shopTitle {\r\n font-family: cursive;\r\n font-size: 60px;\r\n }\r\n \r\n .shopList {\r\n width: 70vw;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n place-items: center;\r\n }\r\n\r\n /* SHOP ITEM STYLING */\r\n \r\n .shopItem {\r\n border-radius: 15px;\r\n width: 300px;\r\n height: 350px;\r\n margin: 20px;\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n .shopItem:hover {\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);\r\n transition: 0.3s ease-in;\r\n cursor: pointer;\r\n }\r\n \r\n .shopItem div {\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n width: 100%;\r\n height: 200px;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n \r\n .shopItem h1,\r\n .shopItem p {\r\n margin-left: 20px;\r\n }\r\n \r\n @media only screen and (max-width: 1300px) {\r\n .shopList {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n \r\n @media only screen and (max-width: 800px) {\r\n .shopList {\r\n grid-template-columns: 1fr;\r\n }\r\n }",".social {\r\n background-color: gray;\r\n width: 100%;\r\n height: 100svh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n.social .socialTitle {\r\n font-family: sans-serif, Arial;\r\n font-size: 60px;\r\n}\r\n\r\n.socialList {\r\n width: 70vw;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n place-items: center;\r\n}\r\n\r\n/* social ITEM STYLING */\r\n\r\n.socialItem {\r\n background-color: lightgray;\r\n border-radius: 15px;\r\n width: 300px;\r\n height: 350px;\r\n margin: 20px;\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.socialItem:hover {\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);\r\n transition: 0.3s ease-in;\r\n cursor: pointer;\r\n}\r\n\r\n.socialItem div {\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n width: 100%;\r\n height: 200px;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n}\r\n\r\n.socialItem a {\r\n text-decoration: none;\r\n color: black;\r\n margin: 20px;\r\n font-size: 20px;\r\n}\r\n\r\n.socialItem h1,\r\n.socialItem p {\r\n margin-left: 20px;\r\n}\r\n\r\n@media only screen and (max-width: 1300px) {\r\n .social {\r\n height: 100%;\r\n }\r\n\r\n .socialList {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n .socialList {\r\n grid-template-columns: 1fr;\r\n }\r\n}",".about {\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .aboutTop {\r\n width: 100vw;\r\n height: 45%;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n font-family: sans-serif, Arial;\r\n }\r\n \r\n .aboutBottom {\r\n font-family: 'Comic Sans', monospace, sans-serif, Arial;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n align-items: center;\r\n margin-top: 50px;\r\n padding-bottom: 10px;\r\n }\r\n \r\n .aboutBottom p {\r\n width: 70svw;\r\n font-size: 23px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n \r\n .about .aboutBottom h1 {\r\n font-weight: 400;\r\n font-size: 70px;\r\n color: black;\r\n height: 30px;\r\n display: flex;\r\n justify-content: center;\r\n transform: translateY(-40px);\r\n }\r\n\r\n .discordInvAbout, .discordInvAbout a {\r\n font-family: 'Comic Sans', monospace, sans-serif, Arial;\r\n background-color: #121619;\r\n display: flex;\r\n justify-content: center;\r\n border: none;\r\n color: white;\r\n padding: 10px;\r\n text-align: center;\r\n text-decoration: none;\r\n font-size: 25px;\r\n border-radius: 15px; \r\n }\r\n \r\n .discordInvAbout a:hover {\r\n text-decoration: none;\r\n font-size: 28px;\r\n cursor: pointer;\r\n border-radius: 30px;\r\n transition: 0.3s ease-in;\r\n }\r\n\r\n .discordIntAbout iframe {\r\n /*display: flex;\r\n justify-content: center;\r\n width: 400px;\r\n height: 300px;*/\r\n display: none;\r\n }",".contact \r\n{\r\n width: 100%;\r\n height: 90vh;\r\n display: flex;\r\n }\r\n \r\n .contact .leftSide \r\n {\r\n height: 100%;\r\n flex: 50%;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n \r\n .contact .rightSide \r\n {\r\n height: 100%;\r\n flex: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n \r\n .contact .rightSide h1 \r\n {\r\n font-family: \"Trebuchet MS\", \"Lucida Sans Unicode\", \"Lucida Grande\",\r\n \"Lucida Sans\", Arial, sans-serif;\r\n font-weight: 10;\r\n font-size: 50px;\r\n margin-left: 30px;\r\n }\r\n \r\n form \r\n {\r\n display: flex;\r\n flex-direction: column;\r\n width: auto;\r\n height: auto;\r\n padding: 30px;\r\n }\r\n \r\n form input \r\n {\r\n height: 40px;\r\n width: 80%;\r\n border: none;\r\n border-bottom: 1px solid #121619;\r\n color: black;\r\n }\r\n \r\n form textarea \r\n {\r\n margin-top: 15px;\r\n height: 70px;\r\n width: 80%;\r\n border: none;\r\n border-bottom: 1px solid #121619;\r\n color: black;\r\n }\r\n \r\n input::placeholder,\r\n textarea::placeholder \r\n {\r\n font-weight: bold;\r\n color: black;\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n form input:focus,\r\n textarea:focus \r\n {\r\n outline: none;\r\n }\r\n \r\n form label \r\n {\r\n margin-top: 15px;\r\n color: grey;\r\n }\r\n \r\n form button \r\n {\r\n margin-top: 10px;\r\n width: 140px;\r\n border-radius: 20px;\r\n padding: 10px;\r\n border: none;\r\n background-color: #121619;\r\n color: whitesmoke;\r\n font-size: 15px;\r\n cursor: pointer;\r\n }\r\n\r\n form button:hover \r\n {\r\n text-decoration: none;\r\n width: 160px;\r\n font-size: 20px;\r\n cursor: pointer;\r\n border-radius: 20px;\r\n transition: 0.3s ease-in;\r\n }",".application {\r\n width: 100svw;\r\n height: 100svh;\r\n background-color: gray;\r\n}\r\n\r\n.ECMMContainer {\r\n width: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 20%;\r\n background-color: blue;\r\n}\r\n\r\n.title {\r\n justify-content: center;\r\n display: flex;\r\n color: white;\r\n font-family: sans-serif, Arial;\r\n font-weight: bold;\r\n}\r\n\r\n.ECMMweb {\r\n width: 70%;\r\n \r\n justify-content: center;\r\n}"],"names":[],"sourceRoot":""}