diff --git a/build/asset-manifest.json b/build/asset-manifest.json
index 9eb6cb5..00a9b86 100644
--- a/build/asset-manifest.json
+++ b/build/asset-manifest.json
@@ -1,6 +1,6 @@
{
"files": {
- "main.css": "/static/css/main.450e29eb.css",
+ "main.css": "/static/css/main.60120164.css",
"main.js": "/static/js/main.817f505c.js",
"static/js/787.650836a3.chunk.js": "/static/js/787.650836a3.chunk.js",
"static/media/MytwitchBanner.png": "/static/media/MytwitchBanner.7e6d238fe1f72356cd5a.png",
@@ -14,12 +14,12 @@
"static/media/youtube.png": "/static/media/youtube.eaa1e3811ce413b2444f.png",
"static/media/TwitchLogo.png": "/static/media/TwitchLogo.69436ff2355ef440cde9.png",
"index.html": "/index.html",
- "main.450e29eb.css.map": "/static/css/main.450e29eb.css.map",
+ "main.60120164.css.map": "/static/css/main.60120164.css.map",
"main.817f505c.js.map": "/static/js/main.817f505c.js.map",
"787.650836a3.chunk.js.map": "/static/js/787.650836a3.chunk.js.map"
},
"entrypoints": [
- "static/css/main.450e29eb.css",
+ "static/css/main.60120164.css",
"static/js/main.817f505c.js"
]
}
\ No newline at end of file
diff --git a/build/index.html b/build/index.html
index 5acbb91..1beb372 100644
--- a/build/index.html
+++ b/build/index.html
@@ -1 +1 @@
-React App
\ No newline at end of file
+React App
\ No newline at end of file
diff --git a/build/static/css/main.450e29eb.css b/build/static/css/main.450e29eb.css
deleted file mode 100644
index 36dfbc3..0000000
--- a/build/static/css/main.450e29eb.css
+++ /dev/null
@@ -1,2 +0,0 @@
-.App{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:auto;width:100%}body{margin:0;padding:0}.navbar{background-color:#000;display:flex;flex-direction:row;height:80px;width:100svw}.navbar .leftSide{align-items:center;display:flex;flex:50% 1;height:100%;padding-left:150px}.navbar .leftSide img{width:70px}.navbar .rightSide{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:center}.navbar a{color:#fff;font-size:18px;margin:10px;text-decoration:none}.navbar a:hover{color:red;font-size:20px;transition:.3s ease-in}.navbar a.active{background-color:rgba(255,0,0,.552);border-radius:15%;color:#fff;font-size:22px;padding:10px}.navbar .rightSide button{background-color:initial;border:none;color:#fff;cursor:pointer}.navbar .rightSide svg{font-size:40px}.navbar #open{padding-left:0}.navbar #open img{display:none}.navbar #close img{display:inherit}.navbar #open .hiddenLinks{display:inherit;margin-left:30px}.navbar #close .hiddenLinks{display:none}.navbar #open a{margin:5px;width:70px}@media only screen and (max-width:900px){.navbar .rightSide a{width:65px}.navbar .leftSide{padding-left:50px}}@media only screen and (max-width:600px){.navbar .rightSide a{display:none}.navbar .rightSide{justify-content:flex-end;padding-right:50px}.navbar .rightSide button{display:inherit}}@media only screen and (min-width:601px){.hiddenLinks,.navbar .leftSide a,.navbar .rightSide button{display:none}}.footer{align-items:center;background-color:#000;bottom:0;display:flex;flex-direction:column;justify-content:center;min-height:100%;width:100vw}.socialMedia a,.socialMedia svg{color:red;cursor:pointer;font-size:50px;margin:20px;text-decoration:none}.footer p{color:#00ff0d}.discordint iframe{background-color:#000;border:1px solid #000;border-radius:10%;bottom:20px;box-shadow:0 0 10px #0003;display:flex;height:350px;padding:5px;position:fixed;right:20px;width:400px;z-index:1001}.discordint .discord-minimized button{background-color:initial;border:none;color:#fff;cursor:pointer;display:none}.discordint .discord-minimized svg{font-size:40px}.discordint #open{padding-left:0}.discordint #open .hiddenLinks{display:inherit;margin-left:30px}.discordint #close .hiddenLinks{display:none}.discordint #open a{margin:5px;width:70px}@media only screen and (max-width:765px){.discordint .discord-minimized a,.discordint .discord-minimized button,.discordint .discord-opened,.discordint iframe{display:none}}@media only screen and (max-width:500px){.discordint .discord-minimized a{display:none}.discord .discord-opened a{padding-left:50px}.discordint .discord-minimized button,.discordint iframe{display:none}}@media only screen and (max-width:1030px){.discordint .discord-minimized button,.discordint iframe{display:none}}@media (max-height:630px),only screen and (max-width:920px){.discordint .discord-minimized button,.discordint iframe{display:none}}.home{align-items:left;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:90vh;justify-content:center;width:100svw}.headerContainer{background-color:#69696929;border-radius:10px;height:auto;margin-left:30px;padding:16px;width:50svw}.headerContainer h1{align-items:center;color:#fff;font-size:90px;font-weight:50;height:auto;justify-content:center;width:auto}.headerContainer p{color:#fff;font-size:40px;font-weight:lighter;padding:0;width:auto}.headerContainer button{background-color:rgba(0,0,0,.765);border:none;border-radius:18px;color:#000;color:#fff;cursor:pointer;font-size:20px;height:50px;justify-content:center;text-decoration:none;width:180px}.headerContainer button:hover{background-color:red;color:#fff;cursor:pointer;transition:.3s ease-in}@media only screen and (max-width:765px){.home{align-items:center;justify-content:center}.headerContainer h1,.headerContainer p{display:flex}.headerContainer{align-items:center;background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:10px;width:auto}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer button{background-color:#fff;color:#000;margin-bottom:30px}.headerContainer button:hover{background-color:red;color:#fff}}@media only screen and (max-width:500px){.headerContainer,.headerContainer h1,.headerContainer p{display:flex;justify-content:center}}@media (max-height:630px),only screen and (max-width:920px){.home{align-items:center;justify-content:center}.headerContainer h1,.headerContainer p{display:flex}.headerContainer{align-items:center;background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:10px;width:auto}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer button{background-color:#fff;color:#000;margin-bottom:30px}.headerContainer button:hover{background-color:red;color:#fff}}.shop{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.shop .shopTitle{font-family:cursive;font-size:60px}.shopList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.shopItem{border-radius:15px;box-shadow:0 3px 15px #0003;height:350px;margin:20px;width:300px}.shopItem:hover{box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.3s ease-in}.shopItem div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.shopItem h1,.shopItem p{margin-left:20px}@media only screen and (max-width:1300px){.shopList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.shopList{grid-template-columns:1fr}}.social{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.social .socialTitle{font-family:sans-serif,Arial;font-size:60px}.socialList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.socialItem{border-radius:15px;box-shadow:0 3px 15px #0003;height:350px;margin:20px;width:300px}.socialItem:hover{box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.3s ease-in}.socialItem div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.socialItem a{color:#000;font-size:20px;margin:20px;text-decoration:none}.socialItem h1,.socialItem p{margin-left:20px}@media only screen and (max-width:1300px){.socialList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.socialList{grid-template-columns:1fr}}.about{display:flex;flex-direction:column;min-height:100vh;width:100%}.aboutTop{background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:sans-serif,Arial;height:45%;width:100vw}.aboutBottom{align-items:center;display:flex;flex-direction:column;font-family:Comic Sans,monospace,sans-serif,Arial;height:100%;margin-top:50px;padding-bottom:10px}.aboutBottom p{display:flex;font-size:23px;justify-content:center;width:70svw}.about .aboutBottom h1{color:#000;display:flex;font-size:70px;font-weight:400;height:30px;justify-content:center;transform:translateY(-40px)}.discordInvAbout,.discordInvAbout a{background-color:#121619;border:none;border-radius:15px;color:#fff;display:flex;font-family:Comic Sans,monospace,sans-serif,Arial;font-size:25px;justify-content:center;padding:10px;text-align:center;text-decoration:none}.discordInvAbout a:hover{border-radius:30px;cursor:pointer;font-size:28px;text-decoration:none;transition:.3s ease-in}.discordIntAbout iframe{display:none}.contact{display:flex;height:90vh;width:100%}.contact .leftSide{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:50% 1;height:100%}.contact .rightSide{display:flex;flex:50% 1;flex-direction:column;height:100%;justify-content:center}.contact .rightSide h1{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:50px;font-weight:10;margin-left:30px}form{display:flex;flex-direction:column;height:auto;padding:30px;width:auto}form input{height:40px}form input,form textarea{border:none;border-bottom:1px solid #121619;color:#000;width:80%}form textarea{height:70px;margin-top:15px}input::placeholder,textarea::placeholder{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700}form input:focus,textarea:focus{outline:none}form label{color:grey;margin-top:15px}form button{background-color:#121619;border:none;border-radius:20px;color:#f5f5f5;cursor:pointer;font-size:15px;margin-top:10px;padding:10px;width:140px}form button:hover{border-radius:20px;cursor:pointer;font-size:20px;text-decoration:none;transition:.3s ease-in;width:160px}
-/*# sourceMappingURL=main.450e29eb.css.map*/
\ No newline at end of file
diff --git a/build/static/css/main.450e29eb.css.map b/build/static/css/main.450e29eb.css.map
deleted file mode 100644
index ef79bd1..0000000
--- a/build/static/css/main.450e29eb.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.450e29eb.css","mappings":"AAAA,KAGE,YAAa,CACb,qBAAsB,CACtB,sCAAyC,CAHzC,WAAY,CADZ,UAKF,CAEA,KAEE,QAAS,CADT,SAEF,CCXA,QAGI,qBAAyB,CACzB,YAAa,CACb,kBAAmB,CAHnB,WAAY,CADZ,YAKF,CAEA,kBAIE,kBAAmB,CADnB,YAAa,CAFb,UAAS,CACT,WAAY,CAGZ,kBACF,CAEA,sBACE,UACF,CAEA,mBAIE,kBAAmB,CADnB,YAAa,CAFb,UAAS,CACT,WAAY,CAGZ,sBACF,CAEA,UACE,UAAyB,CAGzB,cAAe,CADf,WAAY,CADZ,oBAGF,CAEA,gBAEE,SAAqB,CADrB,cAAe,CAEf,sBACF,CAEA,iBAGE,mCAAwC,CADxC,iBAAkB,CAGlB,UAAyB,CAJzB,cAAe,CAGf,YAEF,CAEA,0BACE,wBAA6B,CAC7B,WAAY,CACZ,UAAY,CACZ,cACF,CAEA,uBACE,cACF,CAEA,cACE,cACF,CAEA,kBACE,YACF,CAEA,mBACE,eACF,CAEA,2BACE,eAAgB,CAChB,gBACF,CAEA,4BACE,YACF,CAEA,gBAEE,UAAW,CADX,UAEF,CACA,yCACE,qBACE,UACF,CACA,kBACE,iBACF,CACF,CAEA,yCACE,qBACE,YACF,CAEA,mBACE,wBAAyB,CACzB,kBACF,CAEA,0BACE,eACF,CACF,CAEA,yCASE,2DACE,YACF,CACF,CCzHF,QAOE,kBAAmB,CAHnB,qBAAyB,CAHzB,QAAS,CAIT,YAAa,CAGb,qBAAsB,CAFtB,sBAAuB,CAHvB,eAAgB,CADhB,WAOF,CAEA,gCACE,SAAqB,CAGrB,cAAe,CADf,cAAe,CADf,WAAY,CAGZ,oBACF,CAEA,UACE,aACF,CCrBA,mBAOQ,qBAAuB,CACvB,qBAAuB,CAGvB,iBAAkB,CARlB,WAAY,CAOZ,yBAA2C,CAR3C,YAAa,CAGb,YAAa,CAIb,WAAY,CARZ,cAAe,CAGf,UAAW,CAEX,WAAY,CAMZ,YACR,CAEA,sCAEI,wBAA6B,CAC7B,WAAY,CACZ,UAAY,CACZ,cAAe,CAJf,YAKJ,CAEA,mCACI,cACJ,CAEA,kBACI,cACJ,CAEA,+BACI,eAAgB,CAChB,gBACJ,CAEA,gCACI,YACJ,CAEA,oBAEI,UAAW,CADX,UAEJ,CAGA,yCAeI,sHACI,YACJ,CACJ,CAEA,yCACI,iCACI,YACJ,CAEA,2BACI,iBACJ,CAMA,yDACI,YACJ,CACJ,CAEA,0CAII,yDACI,YACJ,CACJ,CAEA,4DAII,yDACI,YACJ,CACJ,CCpGA,MAKE,gBAAiB,CAEjB,uBAA2B,CAC3B,2BAA4B,CAC5B,qBAAsB,CANtB,YAAa,CAGb,qBAAsB,CAItB,kEAA6E,CAR7E,WAAY,CAEZ,sBAAuB,CAHvB,YAUF,CAEA,iBAME,0BAA2C,CAL3C,kBAAmB,CACnB,WAAY,CAEZ,gBAAiB,CACjB,YAAa,CAFb,WAIF,CAEA,oBAEE,kBAAmB,CAInB,UAAY,CAHZ,cAAe,CAEf,cAAe,CADf,WAAY,CAHZ,sBAAuB,CAMvB,UACF,CAEA,mBAIE,UAAY,CAFZ,cAAe,CACf,mBAAoB,CAFpB,SAAU,CAIV,UACF,CAEA,wBAME,iCAAwC,CAJxC,WAAY,CACZ,kBAAmB,CAFnB,UAAmB,CAQnB,UAAyB,CALzB,cAAe,CAOf,cAAe,CAJf,WAAY,CAFZ,sBAAuB,CAKvB,oBAAqB,CAFrB,WAIF,CAEA,8BACE,oBAAyB,CACzB,UAAyB,CACzB,cAAe,CACf,sBACF,CAEA,yCACE,MAEE,kBAAmB,CADnB,sBAEF,CACA,uCAEE,YACF,CAEA,iBAOE,kBAAmB,CAEnB,wBAAyB,CAPzB,kBAAmB,CAQnB,UAAY,CALZ,YAAa,CAGb,qBAAsB,CAFtB,sBAAuB,CALvB,aAAgB,CAEhB,YAAa,CACb,UAOF,CAEA,oBAGE,UAAY,CAFZ,cAAe,CACf,WAEF,CAEA,mBAEE,UAAY,CADZ,cAEF,CAEA,wBACE,qBAAoC,CACpC,UAAc,CACd,kBACF,CAEA,8BACE,oBAAyB,CACzB,UACF,CACF,CAEA,yCACE,wDAIE,YAAa,CADb,sBAGF,CACF,CAMA,4DACE,MAEE,kBAAmB,CADnB,sBAEF,CACA,uCAEE,YACF,CAEA,iBAOE,kBAAmB,CAEnB,wBAAyB,CAPzB,kBAAmB,CAQnB,UAAY,CALZ,YAAa,CAGb,qBAAsB,CAFtB,sBAAuB,CALvB,aAAgB,CAEhB,YAAa,CACb,UAOF,CAEA,oBAGE,UAAY,CAFZ,cAAe,CACf,WAEF,CAEA,mBAEE,UAAY,CADZ,cAEF,CAEA,wBACE,qBAAoC,CACpC,UAAc,CACd,kBACF,CAEA,8BACE,oBAAqB,CACrB,UACF,CAEF,CCtKA,MAKI,kBAAmB,CAFnB,YAAa,CAGb,qBAAsB,CAJtB,WAAY,CAEZ,sBAAuB,CAHvB,UAMF,CAEA,iBACE,mBAAoB,CACpB,cACF,CAEA,UAGE,YAAa,CACb,iCAAkC,CAFlC,WAAY,CAGZ,kBAAmB,CAJnB,UAKF,CAIA,UACE,kBAAmB,CAInB,2BAA2C,CAF3C,YAAa,CACb,WAAY,CAFZ,WAIF,CACA,gBACE,+BAA2C,CAE3C,cAAe,CADf,sBAEF,CAEA,cAKE,uBAA2B,CAC3B,2BAA4B,CAC5B,qBAAsB,CANtB,2BAA4B,CAC5B,4BAA6B,CAE7B,YAAa,CADb,UAKF,CAEA,yBAEE,gBACF,CAEA,0CACE,UACE,6BACF,CACF,CAEA,yCACE,UACE,yBACF,CACF,CC9DF,QAKI,kBAAmB,CAFnB,YAAa,CAGb,qBAAsB,CAJtB,WAAY,CAEZ,sBAAuB,CAHvB,UAMF,CAEA,qBACE,4BAA8B,CAC9B,cACF,CAEA,YAGE,YAAa,CACb,iCAAkC,CAFlC,WAAY,CAGZ,kBAAmB,CAJnB,UAKF,CAIA,YACE,kBAAmB,CAInB,2BAA2C,CAF3C,YAAa,CACb,WAAY,CAFZ,WAIF,CACA,kBACE,+BAA2C,CAE3C,cAAe,CADf,sBAEF,CAEA,gBAKE,uBAA2B,CAC3B,2BAA4B,CAC5B,qBAAsB,CANtB,2BAA4B,CAC5B,4BAA6B,CAE7B,YAAa,CADb,UAKF,CAEA,cAEE,UAAY,CAEZ,cAAe,CADf,WAAY,CAFZ,oBAIF,CAEA,6BAEE,gBACF,CAEA,0CACE,YACE,6BACF,CACF,CAEA,yCACE,YACE,yBACF,CACF,CCrEF,OAGI,YAAa,CACb,qBAAsB,CAFtB,gBAAiB,CADjB,UAIF,CAEA,UAGE,uBAA2B,CAC3B,2BAA4B,CAC5B,qBAAsB,CACtB,4BAA8B,CAJ9B,UAAW,CADX,WAMF,CAEA,aAKE,kBAAmB,CAHnB,YAAa,CACb,qBAAsB,CAFtB,iDAAuD,CAGvD,WAAY,CAEZ,eAAgB,CAChB,mBACF,CAEA,eAGE,YAAa,CADb,cAAe,CAEf,sBAAuB,CAHvB,WAIF,CAEA,uBAGE,UAAY,CAEZ,YAAa,CAHb,cAAe,CADf,eAAgB,CAGhB,WAAY,CAEZ,sBAAuB,CACvB,2BACF,CAEA,oCAEE,wBAAyB,CAGzB,WAAY,CAMZ,kBAAmB,CALnB,UAAY,CAHZ,YAAa,CAFb,iDAAuD,CASvD,cAAe,CANf,sBAAuB,CAGvB,YAAa,CACb,iBAAkB,CAClB,oBAGF,CAEA,yBAIE,kBAAmB,CADnB,cAAe,CADf,cAAe,CADf,oBAAqB,CAIrB,sBACF,CAEA,wBAKE,YACF,CCvEF,SAII,YAAa,CADb,WAAY,CADZ,UAGF,CAEA,mBAIE,uBAA2B,CAC3B,2BAA4B,CAC5B,qBAAsB,CAHtB,UAAS,CADT,WAKF,CAEA,oBAIE,YAAa,CADb,UAAS,CAET,qBAAsB,CAHtB,WAAY,CAIZ,sBACF,CAEA,uBAEE,uFACkC,CAElC,cAAe,CADf,cAAe,CAEf,gBACF,CAEA,KAEE,YAAa,CACb,qBAAsB,CAEtB,WAAY,CACZ,YAAa,CAFb,UAGF,CAEA,WAEE,WAKF,CAEA,yBAJE,WAAgC,CAAhC,+BAAgC,CAChC,UAAY,CAHZ,SAcF,CARA,cAGE,WAAY,CADZ,eAMF,CAEA,yCAIE,UAAY,CACZ,sCAAyC,CAFzC,eAGF,CAEA,gCAGE,YACF,CAEA,WAGE,UAAW,CADX,eAEF,CAEA,YAOE,wBAAyB,CADzB,WAAY,CAFZ,kBAAmB,CAInB,aAAiB,CAEjB,cAAe,CADf,cAAe,CAPf,eAAgB,CAGhB,YAAa,CAFb,WAQF,CAEA,kBAME,kBAAmB,CADnB,cAAe,CADf,cAAe,CAFf,oBAAqB,CAKrB,sBAAwB,CAJxB,WAKF","sources":["App.css","styles/Navbar.css","styles/Footer.css","styles/DiscordInt.css","styles/Home.css","styles/Shop.css","styles/Socials.css","styles/About.css","styles/Contact.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 @media only screen and (max-width: 900px) {\r\n .navbar .rightSide a {\r\n width: 65px;\r\n }\r\n .navbar .leftSide {\r\n padding-left: 50px;\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 \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 }",".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, .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}",".discordint iframe {\r\n position: fixed;\r\n display: flex;\r\n bottom: 20px;\r\n right: 20px;\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 z-index: 1001;\r\n}\r\n\r\n.discordint .discord-minimized button {\r\n display: none;\r\n background-color: transparent;\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n}\r\n\r\n.discordint .discord-minimized svg {\r\n font-size: 40px;\r\n}\r\n\r\n.discordint #open {\r\n padding-left: 0px;\r\n}\r\n\r\n.discordint #open .hiddenLinks {\r\n display: inherit;\r\n margin-left: 30px;\r\n}\r\n\r\n.discordint #close .hiddenLinks {\r\n display: none;\r\n}\r\n\r\n.discordint #open a {\r\n width: 70px;\r\n margin: 5px;\r\n}\r\n\r\n\r\n@media only screen and (max-width: 765px) {\r\n .discordint .discord-minimized a {\r\n display: none;\r\n }\r\n\r\n .discordint .discord-opened {\r\n display: none;\r\n }\r\n\r\n\r\n .discordint iframe {\r\n \r\n display: none;\r\n }\r\n\r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 500px) {\r\n .discordint .discord-minimized a {\r\n display: none;\r\n }\r\n\r\n .discord .discord-opened a {\r\n padding-left: 50px;\r\n }\r\n \r\n .discordint iframe {\r\n display: none;\r\n }\r\n \r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}\r\n \r\n@media only screen and (max-width: 1030px) {\r\n .discordint iframe {\r\n display: none;\r\n }\r\n .discordint .discord-minimized button {\r\n display: none\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 920px),(max-height: 630px) {\r\n .discordint iframe {\r\n display: none;\r\n }\r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}",".home {\r\n width: 100svw;\r\n height: 90vh;\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(105, 105, 105, 0.16);\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: white;\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: white;\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: hsla(0, 0%, 0%, 0.765);\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 .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 .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}\r\n\r\n@media only screen and (max-width: 920px),(max-height: 630px) {\r\n .home {\r\n justify-content: center;\r\n align-items: center;\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}\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 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 .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 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 .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 .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 }"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/build/static/css/main.60120164.css b/build/static/css/main.60120164.css
new file mode 100644
index 0000000..f9d8757
--- /dev/null
+++ b/build/static/css/main.60120164.css
@@ -0,0 +1,2 @@
+.App{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:auto;width:100%}body{margin:0;padding:0}.navbar{background-color:#000;display:flex;flex-direction:row;height:80px;width:100svw}.navbar .leftSide{align-items:center;display:flex;flex:50% 1;height:100%;padding-left:150px}.navbar .leftSide img{width:70px}.navbar .rightSide{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:center}.navbar a{color:#fff;font-size:18px;margin:10px;text-decoration:none}.navbar a:hover{color:red;font-size:20px;transition:.3s ease-in}.navbar a.active{background-color:rgba(255,0,0,.552);border-radius:15%;color:#fff;font-size:22px;padding:10px}.navbar .rightSide button{background-color:initial;border:none;color:#fff;cursor:pointer}.navbar .rightSide svg{font-size:40px}.navbar #open{padding-left:0}.navbar #open img{display:none}.navbar #close img{display:inherit}.navbar #open .hiddenLinks{display:inherit;margin-left:30px}.navbar #close .hiddenLinks{display:none}.navbar #open a{margin:5px;width:70px}@media only screen and (max-width:900px){.navbar .rightSide a{width:65px}.navbar .leftSide{padding-left:50px}.navbar #open img{display:none}.navbar #close img{display:inherit}}@media only screen and (max-width:600px){.navbar .rightSide a{display:none}.navbar .rightSide{justify-content:flex-end;padding-right:50px}.navbar .rightSide button{display:inherit}.navbar #open img{display:none}.navbar #close img{display:inherit}}@media only screen and (min-width:601px){.hiddenLinks,.navbar #open img,.navbar .leftSide a,.navbar .rightSide button{display:none}.navbar #close img{display:inherit}}.footer{align-items:center;background-color:#000;bottom:0;display:flex;flex-direction:column;justify-content:center;min-height:100%;width:100vw}.socialMedia a,.socialMedia svg{color:red;cursor:pointer;font-size:50px;margin:20px;text-decoration:none}.footer p{color:#00ff0d}.discordint iframe{background-color:#000;border:1px solid #000;border-radius:10%;bottom:20px;box-shadow:0 0 10px #0003;display:flex;height:350px;padding:5px;position:fixed;right:20px;width:400px;z-index:1001}.discordint .discord-minimized button{background-color:initial;border:none;color:#fff;cursor:pointer;display:none}.discordint .discord-minimized svg{font-size:40px}.discordint #open{padding-left:0}.discordint #open .hiddenLinks{display:inherit;margin-left:30px}.discordint #close .hiddenLinks{display:none}.discordint #open a{margin:5px;width:70px}@media only screen and (max-width:765px){.discordint .discord-minimized a,.discordint .discord-minimized button,.discordint .discord-opened,.discordint iframe{display:none}}@media only screen and (max-width:500px){.discordint .discord-minimized a{display:none}.discord .discord-opened a{padding-left:50px}.discordint .discord-minimized button,.discordint iframe{display:none}}@media only screen and (max-width:1030px){.discordint .discord-minimized button,.discordint iframe{display:none}}@media (max-height:630px),only screen and (max-width:920px){.discordint .discord-minimized button,.discordint iframe{display:none}}.home{align-items:left;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:90vh;justify-content:center;width:100svw}.headerContainer{background-color:#69696929;border-radius:10px;height:auto;margin-left:30px;padding:16px;width:50svw}.headerContainer h1{align-items:center;color:#fff;font-size:90px;font-weight:50;height:auto;justify-content:center;width:auto}.headerContainer p{color:#fff;font-size:40px;font-weight:lighter;padding:0;width:auto}.headerContainer button{background-color:rgba(0,0,0,.765);border:none;border-radius:18px;color:#000;color:#fff;cursor:pointer;font-size:20px;height:50px;justify-content:center;text-decoration:none;width:180px}.headerContainer button:hover{background-color:red;color:#fff;cursor:pointer;transition:.3s ease-in}@media only screen and (max-width:765px){.home{align-items:center;justify-content:center}.headerContainer h1,.headerContainer p{display:flex}.headerContainer{align-items:center;background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:10px;width:auto}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer button{background-color:#fff;color:#000;margin-bottom:30px}.headerContainer button:hover{background-color:red;color:#fff}}@media only screen and (max-width:500px){.headerContainer,.headerContainer h1,.headerContainer p{display:flex;justify-content:center}}@media (max-height:630px),only screen and (max-width:920px){.home{align-items:center;justify-content:center}.headerContainer h1,.headerContainer p{display:flex}.headerContainer{align-items:center;background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:10px;width:auto}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer button{background-color:#fff;color:#000;margin-bottom:30px}.headerContainer button:hover{background-color:red;color:#fff}}.shop{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.shop .shopTitle{font-family:cursive;font-size:60px}.shopList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.shopItem{border-radius:15px;box-shadow:0 3px 15px #0003;height:350px;margin:20px;width:300px}.shopItem:hover{box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.3s ease-in}.shopItem div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.shopItem h1,.shopItem p{margin-left:20px}@media only screen and (max-width:1300px){.shopList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.shopList{grid-template-columns:1fr}}.social{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.social .socialTitle{font-family:sans-serif,Arial;font-size:60px}.socialList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.socialItem{border-radius:15px;box-shadow:0 3px 15px #0003;height:350px;margin:20px;width:300px}.socialItem:hover{box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.3s ease-in}.socialItem div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.socialItem a{color:#000;font-size:20px;margin:20px;text-decoration:none}.socialItem h1,.socialItem p{margin-left:20px}@media only screen and (max-width:1300px){.socialList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.socialList{grid-template-columns:1fr}}.about{display:flex;flex-direction:column;min-height:100vh;width:100%}.aboutTop{background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:sans-serif,Arial;height:45%;width:100vw}.aboutBottom{align-items:center;display:flex;flex-direction:column;font-family:Comic Sans,monospace,sans-serif,Arial;height:100%;margin-top:50px;padding-bottom:10px}.aboutBottom p{display:flex;font-size:23px;justify-content:center;width:70svw}.about .aboutBottom h1{color:#000;display:flex;font-size:70px;font-weight:400;height:30px;justify-content:center;transform:translateY(-40px)}.discordInvAbout,.discordInvAbout a{background-color:#121619;border:none;border-radius:15px;color:#fff;display:flex;font-family:Comic Sans,monospace,sans-serif,Arial;font-size:25px;justify-content:center;padding:10px;text-align:center;text-decoration:none}.discordInvAbout a:hover{border-radius:30px;cursor:pointer;font-size:28px;text-decoration:none;transition:.3s ease-in}.discordIntAbout iframe{display:none}.contact{display:flex;height:90vh;width:100%}.contact .leftSide{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:50% 1;height:100%}.contact .rightSide{display:flex;flex:50% 1;flex-direction:column;height:100%;justify-content:center}.contact .rightSide h1{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:50px;font-weight:10;margin-left:30px}form{display:flex;flex-direction:column;height:auto;padding:30px;width:auto}form input{height:40px}form input,form textarea{border:none;border-bottom:1px solid #121619;color:#000;width:80%}form textarea{height:70px;margin-top:15px}input::placeholder,textarea::placeholder{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700}form input:focus,textarea:focus{outline:none}form label{color:grey;margin-top:15px}form button{background-color:#121619;border:none;border-radius:20px;color:#f5f5f5;cursor:pointer;font-size:15px;margin-top:10px;padding:10px;width:140px}form button:hover{border-radius:20px;cursor:pointer;font-size:20px;text-decoration:none;transition:.3s ease-in;width:160px}
+/*# sourceMappingURL=main.60120164.css.map*/
\ No newline at end of file
diff --git a/build/static/css/main.60120164.css.map b/build/static/css/main.60120164.css.map
new file mode 100644
index 0000000..c88062e
--- /dev/null
+++ b/build/static/css/main.60120164.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/css/main.60120164.css","mappings":"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","sources":["App.css","styles/Navbar.css","styles/Footer.css","styles/DiscordInt.css","styles/Home.css","styles/Shop.css","styles/Socials.css","styles/About.css","styles/Contact.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, .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}",".discordint iframe {\r\n position: fixed;\r\n display: flex;\r\n bottom: 20px;\r\n right: 20px;\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 z-index: 1001;\r\n}\r\n\r\n.discordint .discord-minimized button {\r\n display: none;\r\n background-color: transparent;\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n}\r\n\r\n.discordint .discord-minimized svg {\r\n font-size: 40px;\r\n}\r\n\r\n.discordint #open {\r\n padding-left: 0px;\r\n}\r\n\r\n.discordint #open .hiddenLinks {\r\n display: inherit;\r\n margin-left: 30px;\r\n}\r\n\r\n.discordint #close .hiddenLinks {\r\n display: none;\r\n}\r\n\r\n.discordint #open a {\r\n width: 70px;\r\n margin: 5px;\r\n}\r\n\r\n\r\n@media only screen and (max-width: 765px) {\r\n .discordint .discord-minimized a {\r\n display: none;\r\n }\r\n\r\n .discordint .discord-opened {\r\n display: none;\r\n }\r\n\r\n\r\n .discordint iframe {\r\n \r\n display: none;\r\n }\r\n\r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 500px) {\r\n .discordint .discord-minimized a {\r\n display: none;\r\n }\r\n\r\n .discord .discord-opened a {\r\n padding-left: 50px;\r\n }\r\n \r\n .discordint iframe {\r\n display: none;\r\n }\r\n \r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}\r\n \r\n@media only screen and (max-width: 1030px) {\r\n .discordint iframe {\r\n display: none;\r\n }\r\n .discordint .discord-minimized button {\r\n display: none\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 920px),(max-height: 630px) {\r\n .discordint iframe {\r\n display: none;\r\n }\r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}",".home {\r\n width: 100svw;\r\n height: 90vh;\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(105, 105, 105, 0.16);\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: white;\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: white;\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: hsla(0, 0%, 0%, 0.765);\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 .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 .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}\r\n\r\n@media only screen and (max-width: 920px),(max-height: 630px) {\r\n .home {\r\n justify-content: center;\r\n align-items: center;\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}\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 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 .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 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 .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 .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 }"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css
index aaacd2d..9f94666 100644
--- a/src/styles/Navbar.css
+++ b/src/styles/Navbar.css
@@ -1,122 +1,149 @@
.navbar {
- width: 100svw;
- height: 80px;
- background-color: #000000;
- display: flex;
- flex-direction: row;
+ width: 100svw;
+ height: 80px;
+ background-color: #000000;
+ display: flex;
+ flex-direction: row;
+}
+
+.navbar .leftSide {
+ flex: 50%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ padding-left: 150px;
+}
+
+.navbar .leftSide img {
+ width: 70px;
+}
+
+.navbar .rightSide {
+ flex: 50%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.navbar a {
+ color: rgb(255, 255, 255);
+ text-decoration: none;
+ margin: 10px;
+ font-size: 18px;
+}
+
+.navbar a:hover {
+ font-size: 20px;
+ color: rgb(255, 0, 0);
+ transition: 0.3s ease-in;
+}
+
+.navbar a.active {
+ font-size: 22px;
+ border-radius: 15%;
+ background-color: rgba(255, 0, 0, 0.552);
+ padding: 10px;
+ color: rgb(255, 255, 255);
+}
+
+.navbar .rightSide button {
+ background-color: transparent;
+ border: none;
+ color: white;
+ cursor: pointer;
+}
+
+.navbar .rightSide svg {
+ font-size: 40px;
+}
+
+.navbar #open {
+ padding-left: 0px;
+}
+
+.navbar #open img {
+ display: none;
+}
+
+.navbar #close img {
+ display: inherit;
+}
+
+.navbar #open .hiddenLinks {
+ display: inherit;
+ margin-left: 30px;
+}
+
+.navbar #close .hiddenLinks {
+ display: none;
+}
+
+.navbar #open a {
+ width: 70px;
+ margin: 5px;
+}
+
+@media only screen and (max-width: 900px) {
+ .navbar .rightSide a {
+ width: 65px;
}
-
+
.navbar .leftSide {
- flex: 50%;
- height: 100%;
- display: flex;
- align-items: center;
- padding-left: 150px;
- }
-
- .navbar .leftSide img {
- width: 70px;
- }
-
- .navbar .rightSide {
- flex: 50%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .navbar a {
- color: rgb(255, 255, 255);
- text-decoration: none;
- margin: 10px;
- font-size: 18px;
- }
-
- .navbar a:hover {
- font-size: 20px;
- color: rgb(255, 0, 0);
- transition: 0.3s ease-in;
- }
-
- .navbar a.active {
- font-size: 22px;
- border-radius: 15%;
- background-color: rgba(255, 0, 0, 0.552);
- padding: 10px;
- color: rgb(255, 255, 255);
- }
-
- .navbar .rightSide button {
- background-color: transparent;
- border: none;
- color: white;
- cursor: pointer;
- }
-
- .navbar .rightSide svg {
- font-size: 40px;
- }
-
- .navbar #open {
- padding-left: 0px;
+ padding-left: 50px;
}
.navbar #open img {
display: none;
}
-
+
.navbar #close img {
display: inherit;
}
-
- .navbar #open .hiddenLinks {
- display: inherit;
- margin-left: 30px;
- }
-
- .navbar #close .hiddenLinks {
+}
+
+@media only screen and (max-width: 600px) {
+ .navbar .rightSide a {
display: none;
}
-
- .navbar #open a {
- width: 70px;
- margin: 5px;
+
+ .navbar .rightSide {
+ justify-content: flex-end;
+ padding-right: 50px;
}
- @media only screen and (max-width: 900px) {
- .navbar .rightSide a {
- width: 65px;
- }
- .navbar .leftSide {
- padding-left: 50px;
- }
+
+ .navbar .rightSide button {
+ display: inherit;
}
-
- @media only screen and (max-width: 600px) {
- .navbar .rightSide a {
- display: none;
- }
-
- .navbar .rightSide {
- justify-content: flex-end;
- padding-right: 50px;
- }
-
- .navbar .rightSide button {
- display: inherit;
- }
+
+ .navbar #open img {
+ display: none;
}
-
- @media only screen and (min-width: 601px) {
- .navbar .rightSide button {
- display: none;
- }
-
- .hiddenLinks {
- display: none;
- }
-
- .navbar .leftSide a {
- display: none;
- }
- }
\ No newline at end of file
+
+ .navbar #close img {
+ display: inherit;
+ }
+}
+
+@media only screen and (min-width: 601px) {
+ .navbar .rightSide button {
+ display: none;
+ }
+
+ .hiddenLinks {
+ display: none;
+ }
+
+ .navbar .leftSide a {
+ display: none;
+ }
+
+ .navbar #open img {
+ display: none;
+ }
+
+ .navbar #close img {
+ display: inherit;
+ }
+
+}
\ No newline at end of file