{"version":3,"file":"static/css/main.3feef7de.css","mappings":"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","sources":["App.css","styles/Navbar.css","styles/Footer.css","styles/Home.css","styles/Shop.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: 100px;\r\n    background-color: #121619;\r\n    display: flex;\r\n    flex-direction: row;\r\n    z-index: 1000;\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: white;\r\n    text-decoration: none;\r\n    margin: 20px;\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  .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  width: 100svw;\r\n  height: 160px;\r\n  background-color: #121619;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  padding-top: 10px;\r\n  z-index: 1000;\r\n}\r\n\r\n.socialMedia svg {\r\n  color: white;\r\n  margin: 20px;\r\n  font-size: 70px;\r\n  cursor: pointer;\r\n}\r\n\r\n.footer p {\r\n  color: white;\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  width: auto;\r\n  margin-left: 50px;\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: 60px;\r\n  font-weight: 50;\r\n  color: black;\r\n}\r\n\r\n.headerContainer p {\r\n  padding: 0;\r\n  font-size: 40px;\r\n  font-weight: lighter;\r\n  color: black;\r\n}\r\n\r\n.headerContainer button {\r\n  color: black;\r\n  border: none;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n  justify-content: center;\r\n  background-color: #121619;\r\n  height: 50px;\r\n  width: 180px;\r\n  color: white;\r\n  text-decoration: none;\r\n  font-size: 20px;\r\n}\r\n\r\n.headerContainer button:hover {\r\n  background-color: #07090a;\r\n  cursor: pointer;\r\n  transition: 0.3s ease-in;\r\n}\r\n\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  z-index: 500;\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: 80%;\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: white;\r\n    color: #121619;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .headerContainer button:hover {\r\n    background-color: rgb(225, 225, 225);\r\n    color: #121619;\r\n  }\r\n\r\n  .discordint iframe {\r\n    display: none;\r\n  }\r\n}\r\n@media only screen and (max-height: 500px) {\r\n  .discordint iframe {\r\n    display: none;\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  }",".about {\r\n    width: 100%;\r\n    height: 90svh;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .aboutTop {\r\n    width: 100svw;\r\n    height: 35%;\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  .aboutBottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 55%;\r\n    align-items: center;\r\n    margin-top: 50px;\r\n  }\r\n  \r\n  .aboutBottom p {\r\n    width: 90svw;\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  .about .discordinvabout {\r\n    color: black;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    justify-content: center;\r\n    background-color: #121619;\r\n    height: 50px;\r\n    width: 180px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .discordintabout iframe {\r\n    /*position: fixed;\r\n    top: 50%;\r\n    left: 5%;\r\n    width: 300px;\r\n    height: 300px;\r\n    z-index: 1000;*/\r\n    display: none;\r\n  }",".contact {\r\n    width: 100%;\r\n    height: 90vh;\r\n    display: flex;\r\n  }\r\n  \r\n  .contact .leftSide {\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    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    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    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    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    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  input::placeholder,\r\n  textarea::placeholder {\r\n    font-weight: bold;\r\n    color: black;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n  form input:focus,\r\n  textarea:focus {\r\n    outline: none;\r\n  }\r\n  \r\n  form label {\r\n    margin-top: 15px;\r\n    color: grey;\r\n  }\r\n  \r\n  form button {\r\n    margin-top: 40px;\r\n    width: 140px;\r\n    height: 40px;\r\n    border: none;\r\n    background-color: #121619;\r\n    color: whitesmoke;\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n  }"],"names":[],"sourceRoot":""}