From 0ae7b91e6f672ea31db0a5fd49dd3ee518b2aef5 Mon Sep 17 00:00:00 2001 From: Dev EhChad Date: Sun, 1 Dec 2024 19:23:42 -0500 Subject: [PATCH] attempt fix --- build/asset-manifest.json | 6 +- build/index.html | 2 +- build/static/css/main.450e29eb.css | 2 - build/static/css/main.450e29eb.css.map | 1 - build/static/css/main.60120164.css | 2 + build/static/css/main.60120164.css.map | 1 + src/styles/Navbar.css | 239 ++++++++++++++----------- 7 files changed, 140 insertions(+), 113 deletions(-) delete mode 100644 build/static/css/main.450e29eb.css delete mode 100644 build/static/css/main.450e29eb.css.map create mode 100644 build/static/css/main.60120164.css create mode 100644 build/static/css/main.60120164.css.map 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":"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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 @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