From 031e23bb96d99e3d8ceeeb3165e614c50c196558 Mon Sep 17 00:00:00 2001 From: Parteek Goyal Date: Sun, 28 Jan 2024 18:42:26 +0530 Subject: [PATCH] removing unused files --- public/images/RegisterButton.svg | 94 ---- public/images/RegisterButtonHover.svg | 94 ---- src/components/Hero/HeroSection.js | 6 +- src/components/PrizeSection.js | 162 ------ src/pages/index.js | 2 - src/styles/globals.css | 7 - src/styles/hero.css | 767 -------------------------- src/styles/prizeSection.module.css | 405 -------------- src/styles/track.module.css | 139 ----- 9 files changed, 2 insertions(+), 1674 deletions(-) delete mode 100644 public/images/RegisterButton.svg delete mode 100644 public/images/RegisterButtonHover.svg delete mode 100644 src/components/PrizeSection.js delete mode 100644 src/styles/hero.css delete mode 100644 src/styles/prizeSection.module.css delete mode 100644 src/styles/track.module.css diff --git a/public/images/RegisterButton.svg b/public/images/RegisterButton.svg deleted file mode 100644 index 77ea1b7..0000000 --- a/public/images/RegisterButton.svg +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/images/RegisterButtonHover.svg b/public/images/RegisterButtonHover.svg deleted file mode 100644 index 5582893..0000000 --- a/public/images/RegisterButtonHover.svg +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/components/Hero/HeroSection.js b/src/components/Hero/HeroSection.js index 95392fa..5914b97 100644 --- a/src/components/Hero/HeroSection.js +++ b/src/components/Hero/HeroSection.js @@ -1,13 +1,11 @@ -import React, { useState } from "react"; +import React from "react"; import { useEffect } from "react"; import heroText from "../../../public/images/HeroText.svg"; import linkArrow from "../../../public/images/LinkArrow.svg"; import HeroSectionImg from "../../../public/images/HeroSection.svg"; -import regButtonHover from "../../../public/images/RegisterButtonHover.svg"; -import regButton from "../../../public/images/RegisterButton.svg"; function HeroSection() { - const [isHovered, setIsHovered] = useState(false); + useEffect(() => { const script = document.createElement("script"); script.src = "https://apply.devfolio.co/v2/sdk.js"; diff --git a/src/components/PrizeSection.js b/src/components/PrizeSection.js deleted file mode 100644 index 12772f9..0000000 --- a/src/components/PrizeSection.js +++ /dev/null @@ -1,162 +0,0 @@ -import styles from "../styles/prizeSection.module.css"; -function List(props) { - return ( -
- coin -
  • {props.content}
    • -
    - ); -} - -const PrizeSection = (props) => { - return ( -
    -
    - - - - - -
    - -
    - - - - - -
    - -
    PRIZES
    -
    -
    - sec_prize -
    -
    -
    -
    -
    2ND PRIZE
    -
    - -
    -
    - - - {/* - - - - - */} - -
    -
    -
    -
    -
    - first_prize -
    -
    -
    - -
    -
    1ST PRIZE
    -
    - -
    -
    - - - {/* - - - - - */} - -
    -
    -
    -
    -
    - sec_prize -
    -
    -
    -
    -
    3RD PRIZE
    -
    - - -
    -
    - - - {/* - - - - - */} - -
    -
    -
    -
    -
    -
    - ); -}; - -export default PrizeSection; diff --git a/src/pages/index.js b/src/pages/index.js index 893cc7e..cb8c52e 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -21,9 +21,7 @@ export default function Home() { {} - {/* */} - {/* */} {/* */} {/* */} diff --git a/src/styles/globals.css b/src/styles/globals.css index 972281c..841513e 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -39,13 +39,6 @@ body { background-color: yellow; } - - - - - - - body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); diff --git a/src/styles/hero.css b/src/styles/hero.css deleted file mode 100644 index c5369fe..0000000 --- a/src/styles/hero.css +++ /dev/null @@ -1,767 +0,0 @@ -nav.navbar { - width: 100%; - top: 0; - border: 1.56642px solid #000000; - z-index: 9999; - transition: 0.32s ease-in-out; -} - -nav.navbar a.navbar-brand { - width: 9%; -} - -nav.navbar .navbar-nav .nav-link.navbar-link { - font-weight: 700; - color: white; - margin-right: -0.5vw; - - font-family: "Plus Jakarta Sans", sans-serif; - font-style: normal; - background-color: #5c40ec; - - font-size: 19px; - line-height: 24px; - opacity: 0.75; -} - -.heading__container { - display: block; - width: 100%; - border-bottom: 1px solid black; - background-color: #ffeb01; -} - -.heading { - /* line-height: 128px; */ - text-shadow: "4.82823px 4.82823px 0px red"; -} - -nav.navbar .navbar-nav a.nav-link.navbar-link:hover, -nav.navbar .navbar-nav a.nav-link.navbar-link.active { - opacity: 1; -} - -.navbar-text button { - font-weight: 700; - color: #fff; - border: 1px solid #fff; - - font-size: 18px; - - position: relative; - background-color: transparent; - transition: 0.3s ease-in-out; -} - -.non__scrolled { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} - -@media screen and (max-width: 767px) { - /*.non__scrolled.navbar.navbar-expand-md.navbar-light { - display: flex; - flex-direction: row; - align-items: center; - background-color: #FFEB01; - justify-content: space-between; - }*/ - - /* .non__scrolled .navbar-options { - display: none; - }*/ - - .heading { - font-family: "Space Grotesk"; - font-style: normal; - color: #05040e; - font-weight: 700; - } -} - -.heading { - display: flex; - /* display: inline; */ - /* border: 1px solid black; */ - align-items: center; - justify-content: center; - /* font-family: 'Red Hat Display ' !important; */ - font-style: normal; - font-weight: 700; - color: #0e0e2c; - /* font-size: 1.25rem; */ - /* font-size: 120px; - line-height: 145px; */ -} - -/* nav.navbar.scrolled.heading { */ -/* font-size: 28p; */ -/* font-family: 'Red Hat Display'; */ -/* font-style: normal; - color: white; - font-size: 30px; */ -/* display: none; */ -/* } */ -/* nav.navbar.scrolled.heading__container { */ -/* color: white; */ -/* flex: 0.25; - height: 20px; - - width: 25vw; - background-color: #5C40EC; */ -/* padding: 2px; */ -/* font-size: 30px; */ -/* } */ -/* nav.navbar.scrolled.heading__container{ - background-color: #5C40EC; - } */ - -.heading { - width: 100%; - font-size: 10vw; - /* height: 0.5vw; */ -} - -nav.navbar .navbar-nav .nav-link.navbar-link { - font-size: 2vw; -} - -nav.navbar { - display: flex; -} - -/* @media screen and (min-width: 768px) and (max-width:900px) { - .heading{ - font-size: ; - } - } */ -/* .navbar-options{ - border: 1.56642px solid #000000; - } */ - -.navbar-text button span { - z-index: 1; -} - -.navbar-text button::before { - content: ""; - width: 0%; - height: 100%; - position: absolute; - background-color: #fff; - left: 0; - top: 0; - z-index: -1; - transition: 0.3s ease-in-out; -} - -.navbar-text button:hover { - color: #121212; -} - -.navbar-text button:hover::before { - content: ""; - width: 100%; - height: 100%; - position: absolute; -} - -nav.navbar .navbar-toggler:active, -nav.navbar .navbar-toggler:focus { - outline: none; - box-shadow: none; -} - -nav.navbar .navbar-toggler { - /* border: 1px solid black; */ - width: 100%; - /* color: white; */ -} - -nav.navbar .navbar-toggler-icon { - width: 24px; - height: 17px; - background-image: none; - position: relative; - /* border-bottom: 2px solid #fff; */ - transition: all 300ms linear; - top: -2px; -} - -nav.navbar .navbar-toggler-icon:after, -nav.navbar .navbar-toggler-icon:before { - width: 24px; - position: absolute; - height: 2px; - background-color: red; - /* color: #000; */ - top: 0; - left: 0; - content: ""; - z-index: 2; - transition: all 300ms linear; -} - -nav.navbar .navbar-toggler-icon:after { - top: 8px; -} - -nav.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { - transform: rotate(45deg); - background-color: red; - height: 2px; -} - -nav.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { - transform: translateY(8px) rotate(-45deg); - background-color: red; - height: 2px; -} - -nav.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { - border-color: transparent; -} - -.toggleBar { - display: flex; - align-items: center; - justify-content: space-between; - color: #000; - /* border: 1px solid black; */ -} -navbar-options { - display: flex; - align-items: center; - justify-content: center; - - width: 100%; - border: 1px solid black; - - background: #5c40ec; - border-width: 3px 0px; - border-style: solid; - border-color: #000000; - - /* display: none; */ -} - -/* nav.navbar.scrolled { */ -/* display: none; */ -/* background-color: white; */ -/* } */ -/* nav.navbar.scrolled { - top: 0; - width: 100%; - /* height: 50px; */ -/* position: fixed; - display: none; - - justify-content: space-between; - } */ - -/* nav.navbar.scrolled .heading__container h2 { - height: fit-content; - padding: 0; - margin: 0; - font-size: 30px; - } */ - -/* nav.navbar.scrolled.navbar-options { - width: 75vw; - display: none; - } */ - -/* nav.navbar.scrolled .navbar-nav .nav-link.navbar-link { - color: white !important; - font-size: 20px; - } */ - -/* nav.navbar.scrolled .navbar-options { - display: flex; - align-items: center; - justify-content: space-between; - display: none; - /* justify-content: flex-end; */ -/* border: 0px solid #5C40EC; */ - -/*header-name { - display: none; - }*/ - -nav.navbar.scrolled .header-name { - display: block; - /* justify-content: flex-end; */ - border: 0px solid #5c40ec; -} - -/* .non__scrolled.heading__container{ - background-color: #AA367C; - } - @media screen and (max-width: 767px) { - .heading__container{ - background-color: blue; - border: 2px solid black; - } - } */ -/*@media screen and (min-width: 768px) and (max-width: 900px) { - nav.NavBar.scrolled { - display: flex; - flex-direction: column; - align-items: center; - } - }*/ -@media (max-width: 900px) { - .logo { - display: flex; - flex-direction: column; - align-items: center; - width: 335px; - height: 50px; - flex-shrink: 0; - position: relative; - bottom: 6.8rem; - } - - .navbar-text button span { - z-index: 1; - } - - .navbar-text button::before { - content: ""; - width: 0%; - height: 100%; - position: absolute; - background-color: #fff; - left: 0; - top: 0; - z-index: -1; - transition: 0.3s ease-in-out; - } - - .navbar-text button:hover { - color: #121212; - } - - .navbar-text button:hover::before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - } - - nav.navbar .navbar-toggler:active, - nav.navbar .navbar-toggler:focus { - outline: none; - box-shadow: none; - } - - nav.navbar .navbar-toggler { - /* border: 1px solid black; */ - width: 100%; - /* color: white; */ - } - - nav.navbar .navbar-toggler-icon { - width: 24px; - height: 17px; - background-image: none; - position: relative; - /* border-bottom: 2px solid #fff; */ - transition: all 300ms linear; - top: -2px; - } - - - - nav.navbar .navbar-toggler-icon:after, - nav.navbar .navbar-toggler-icon:before { - width: 24px; - position: absolute; - height: 2px; - background-color: red; - /* color: #000; */ - top: 0; - left: 0; - content: ''; - z-index: 2; - transition: all 300ms linear; - } - - nav.navbar .navbar-toggler-icon:after { - top: 8px; - } - - nav.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { - transform: rotate(45deg); - background-color: red; - height: 2px; - } - - nav.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { - transform: translateY(8px) rotate(-45deg); - background-color: red; - height: 2px; - } - - nav.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { - border-color: transparent; - } - - .toggleBar { - display: flex; - align-items: center; - justify-content: space-between; - color: #000; - /* border: 1px solid black; */ - } - navbar-options { - display: flex; - align-items: center; - justify-content: center; - - width: 100%; - border: 1px solid black; - - background: #5C40EC; - border-width: 3px 0px; - border-style: solid; - border-color: #000000; - - /* display: none; */ - } - - nav.navbar.scrolled .header-name { - display: block; - /* justify-content: flex-end; */ - border: 0px solid #5C40EC; - } - - @media (max-width: 900px) { - .logo { - display: flex; - flex-direction: column; - align-items: center; - height: 70px; - flex-shrink: 0; - position: relative; - bottom:6.8rem; - } - } - @media (min-width: 900px) { - svg{ - display: none; - - } - } - - @media (max-width: 900px) { - .lo{ - display: none; - - } - } -} - - -@media (max-width: 900px) { - .lo { - display: none; - } -} - -@media (max-width: 900px) { - .woow { - display: flex; - padding: 38px 4px; - justify-content: center; - align-items: center; - gap: 4px; - background: var(--Black, #1f1f1f); - - height: 7rem; - } -} -@media (min-width: 700px) { - .woow { - display: flex; - padding: 38px 4px; - justify-content: center; - align-items: center; - gap: 4px; - background: var(--Black, #1f1f1f); - - height: 8rem; - position: relative; - bottom: 8rem; - } -} -@media (min-width: 900px) { - .what { - height: 8rem; - margin-top: -14rem; - position: relative; - } -} - -@media (max-width: 900px) { - .what { - margin-top: -4rem; - position: relative; - } -} -@media (max-width: 900px) { - .man { - display: flex; - position: relative; - } -} - -@media (min-width: 900px) { - .man { - display: none; - } -} -.hell { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 14px; - font-style: normal; - font-weight: 700; - line-height: 125%; - word-spacing: 12px; - justify-content: space-between; -} -.heaven { - display: flex; - padding: 15px 15px; - justify-content: space-between; - align-items: center; -} -@media (max-width: 900px) { - .regist { - display: none; - } -} -@media (max-width: 900px) { - .mol { - display: none; - } -} -@media (max-width: 900px) { - .texx { - display: none; - } -} - -@media (max-width: 900px) { - .texx2 { - display: none; - } -} -@media (max-width: 900px) { - .texx3 { - display: none; - } -} -@media (max-width: 900px) { - .texx4 { - display: none; - } -} -@media (max-width: 900px) { - .texx5 { - display: none; - } -} -@media (max-width: 900px) { - .texx6 { - display: none; - } -} -@media (max-width: 900px) { - .tell { - display: none; - } -} - -@media (max-width: 900px) { - .five { - width: 300px; - /* height: 50px; */ - flex-shrink: 0; - align-items: center; - /*trial*/ - display: flex; - width: 29%; - padding: 30px; - justify-content: center; - align-items: center; - position: relative; - top: 1.8rem; - } -} -@media (max-width: 900px) { - .gdsc { - display: none; - } -} -@media (min-width: 900px) { - .mobile { - display: none; - } -} - -@media (min-width: 900px) { - .wow { - display: flex; - width: 100%; - } -} - -.gdsc { - color: white; - - font-family: Poppins; - font-size: 38.09px; - font-style: normal; - font-weight: 500; - line-height: normal; - background: var(--Black, #1f1f1f); - padding: 1.4% 4.8%; - position: relative; - bottom: 0.2rem; - left: 2%; -} -.nit { - color: #fff; - - font-family: Poppins; - font-size: 20.73px; - font-style: normal; - font-weight: 400; - line-height: 15.908px; /* 107.999% */ - - background: var(--Black, #1f1f1f); - position: relative; - bottom: 0.2rem; - - justify-content: space-between; -} - -.five { - position: relative; - bottom: 8rem; - left: 37%; -} -.six { - position: relative; - bottom: 5rem; - left: 2.2%; -} -.seven { - position: relative; - bottom: 15.2rem; - left: 82%; -} - -.mol { - color: #fff; - text-align: center; - /* Minecrafter Regular/xl */ - font-family: Minecrafter; - font-size: 35px; - font-style: normal; - font-weight: 400; - line-height: 150%; /* 30px */ - position: relative; - top: 3.6rem; -} - -.tell { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 38px; - font-style: normal; - font-weight: 700; - line-height: 125%; /* 40px */ - position: relative; - top: 3rem; - right: 500%; -} -.texx { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 38px; - font-style: normal; - font-weight: 700; - line-height: 125%; /* 40px */ - position: relative; - top: rem; - right: 221%; -} -.texx2 { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 38px; - font-style: normal; - font-weight: 700; - line-height: 125%; /* 40px */ - position: relative; - bottom: 2.8rem; - right: 70%; -} -.texx3 { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 38px; - font-style: normal; - font-weight: 700; - line-height: 125%; /* 40px */ - position: relative; - bottom: 5.5rem; - left: 55%; -} -.texx4 { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 38px; - font-style: normal; - font-weight: 700; - line-height: 125%; /* 40px */ - position: relative; - bottom: 8.4rem; - left: 165%; -} -.texx5 { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 38px; - font-style: normal; - font-weight: 700; - line-height: 125%; /* 40px */ - position: relative; - bottom: 11.4rem; - left: 270%; -} -.texx6 { - color: var(--white, #fff); - - font-family: Space Grotesk; - font-size: 38px; - font-style: normal; - font-weight: 700; - line-height: 125%; /* 40px */ - position: relative; - bottom: 14.4rem; - left: 370%; -} - diff --git a/src/styles/prizeSection.module.css b/src/styles/prizeSection.module.css deleted file mode 100644 index 913a3f4..0000000 --- a/src/styles/prizeSection.module.css +++ /dev/null @@ -1,405 +0,0 @@ -@font-face { - font-family: Minecrafter; - src: url(../../public/MinecraftRegular-Bmg3.otf); -} - - -/* Common styles for all cards */ -.left_card, .center_card, .right_card { - /* Your existing styles for left_card */ - transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */ -} - -/* Hover effect for each card */ -.left_card:hover { - transform: scale(1.1); -} - -.center_card:hover { - transform: scale(1.1); -} - -.right_card:hover { - transform: scale(1.1); -} - -/* Sibling selector to reduce the size of other cards on hover */ -.left_card:hover ~ .center_card, -.left_card:hover ~ .right_card, -.center_card:hover ~ .left_card, -.center_card:hover ~ .right_card, -.right_card:hover ~ .left_card, -.right_card:hover ~ .center_card { - transform: scale(0.9); /* Adjust the scaling factor for the reduced size */ -} - - - - - .logo2prize{ - - width: 62.358px; -height: 65px; -flex-shrink: 0; - - } - .logocontainer{ - display: flex; - justify-content: center; - align-items: center; - align-content: center; - - } - .coincontainer{ - display: flex; - } - - .coin{ - width: 27.083px; -height: 25px; -flex-shrink: 0; - - } -.container { - width: 100%; - display: flex; - padding: 80px 0 120px 0; - justify-content: center; - align-items: center; - align-content: center; - gap: 48px 87px; - align-self: stretch; - flex-wrap: wrap; - background: #1F1F1F; - position: relative; -} - -.top_right { - width: 192px; - height: 126px; - position: absolute; - right: 0px; - top: 0px; -} - -.bottom_left { - width: 256px; - height: 128px; - position: absolute; - left: -4px; - bottom: 0px; - top : 800px; -} - -.heading { - display: flex; - width: 300px; - height: 59px; - flex-direction: column; - justify-content: center; - color: #FFF; - text-align: center; - /* Minecrafter Regular/7xl */ - font-family: 'Minecrafter', sans-serif; - font-size: 72px; - font-style: normal; - font-weight: 600; - line-height: 100%; - /* 72px */ -} - -.card_container { - width: 100%; - display: flex; - justify-content: center; - align-items: flex-end; - gap: 110px; -} - -.left_card { - display: flex; - flex-direction: column; -} - -.left_card_img { - width: 295px; - height: 169px; - flex-shrink: 0; - /* background: lightgray 0px 0px / 100% 100% no-repeat; */ -} - -.left_card_content { - display: flex; - align-items: center; - justify-content: center; - width: 295px; - height: 381.267px; - flex-shrink: 0; - background: url("../../public/images/lborder.png"); -} - -.left_card_box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - width: 270.486px; - height: 360.855px; - flex-shrink: 0; - background: #FFF; -} - -.left_card_prize_img { - display: flex; - align-items: center; - justify-content: center; - width: 117px; - height: 38px; - flex-shrink: 0; - background: url("../../public/images/image135.png") lightgray 50% / cover no-repeat; -} - -.left_card_prize_img>div { - display: flex; - width: 90px; - height: 16px; - flex-direction: column; - justify-content: center; - flex-shrink: 0; - color: var(--white, #FFF); - font-family: 'Minecrafter', sans-serif; - font-size: 17.496px; - font-style: normal; - font-weight: 900; - line-height: normal; -} - -.left_card_list { - list-style: none; - width: 245px; - color: var(--Black, #1F1F1F); - font-family: Space Grotesk; - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 150%; - /* padding-left: 10px; */ -} - -.center_card { - display: flex; - flex-direction: column; -} - -.center_card_img { - width: 360.132px; - height: 188.374px; - flex-shrink: 0; - /* background: lightgray 0px 0px / 100% 100% no-repeat; */ -} - -.center_card_content { - display: flex; - align-items: center; - justify-content: center; - width: 360px; - height: 430px; - flex-shrink: 0; - background: url("../../public/images/cborder.png"); -} - -.center_card_box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - width: 335px; - height: 407px; - flex-shrink: 0; - background: #FFF; -} - -.center_card_prize_img { - display: flex; - align-items: center; - justify-content: center; - width: 168px; - height: 39px; - flex-shrink: 0; - background: url("../../public/images/image131.png") lightgray 50% / cover no-repeat; -} - -.center_card_prize_img>div { - display: flex; - flex-direction: column; - justify-content: center; - font-size: 24.932px; - flex-shrink: 0; - color: var(--white, #FFF); - font-family: 'Minecrafter', sans-serif; - font-weight: 900; - line-height: normal; - font-style: normal; -} - -.center_card_list { - list-style: none; - width: 320.424px; - color: var(--Black, #1F1F1F); - font-family: Space Grotesk; - font-size: 15px; - font-style: normal; - font-weight: 400; - line-height: 171%; - - /* 27.36px */ -} - -.right_card { - display: flex; - flex-direction: column; -} - -.right_card_img { - width: 295px; - height: 127.575px; - flex-shrink: 0; - /* background: lightgray 0px 0px / 100% 100% no-repeat; */ -} - -.right_card_content { - display: flex; - align-items: center; - justify-content: center; - width: 295px; - height: 381.267px; - flex-shrink: 0; - background: url("../../public/images/rborder.png"); -} - -.right_card_box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - width: 270.486px; - height: 360.855px; - flex-shrink: 0; - background: var(--white, #FFF); -} - -.right_card_prize_img { - display: flex; - align-items: center; - justify-content: center; - width: 117px; - height: 38px; - flex-shrink: 0; - background: url("../../public/images/right_prize.png") lightgray 50% / cover no-repeat; -} - -.right_card_prize_img>div { - display: flex; - width: 90px; - height: 16px; - flex-direction: column; - justify-content: center; - flex-shrink: 0; - color: #FFF; - font-family: 'Minecrafter', sans-serif; - font-size: 17.496px; - font-style: normal; - font-weight: 900; - line-height: normal; -} - -.right_card_list { - list-style: none; - width: 245px; - color: #1F1F1F; - font-family: Space Grotesk; - font-size: 13px; - font-style: normal; - font-weight: 400; - line-height: 150%; - -} - -@media only screen and (max-width: 1000px) { - - .card_container { - width: 80%; - padding: 0 6% 0 6%; - flex-direction: column; - align-items: center; - gap: 30px; - } - - .top_right, - .bottom_left { - display: none; - } - - .left_card, - .right_card, - .center_card { - width: 100%; - max-width: 500px; - min-width: 300px; - /* border-radius: 20px; */ - height: auto; - } - - .left_card_img, - .right_card_img, - .center_card_img, - .left_card_content, - .right_card_content, - .center_card_content { - width: 90%; - max-width: 500px; - min-width: 300px; - } - .left_card_box, - .right_card_box, - .center_card_box { - width: 93%; - - } - - .left_card_list, - .right_card_list, - .center_card_list { - padding-left: 20px; - padding-right: 10px; - width: 100%; - } - - .left_card { - order: 2; - } - - .right_card { - order: 3; - } - - .left_card ,.center_card,.right_card{ - /* Your existing styles for left_card */ - transition: none; /* Add a smooth transition effect */ - } - - /* New styles for hover effect */ - .left_card:hover ,.center_card:hover,.right_card:hover{ - transform: none; /* You can adjust the scaling factor as needed */ - } - /* Sibling selector to reduce the size of other cards on hover */ -.left_card:hover ~ .center_card, -.left_card:hover ~ .right_card, -.center_card:hover ~ .left_card, -.center_card:hover ~ .right_card, -.right_card:hover ~ .left_card, -.right_card:hover ~ .center_card { - transform: none; /* Adjust the scaling factor for the reduced size */ -} - -} \ No newline at end of file diff --git a/src/styles/track.module.css b/src/styles/track.module.css deleted file mode 100644 index f332c69..0000000 --- a/src/styles/track.module.css +++ /dev/null @@ -1,139 +0,0 @@ -.container{ - display: flex; -padding: 80px 0px 120px 0px; -justify-content: center; -align-items: center; -align-content: center; -gap: 48px 87px; -align-self: stretch; -flex-wrap: wrap; -background: var(--Black, #1F1F1F); -text-align: center; -position: relative; - -} - -.card_container { - display: inline-flex; - align-items: center; - gap: 70px; - align-self: stretch; -flex-wrap: wrap; -} - -.bottom{ - width: 64px; -height: 64px; -flex-shrink: 0; -position: absolute; -left: 64px; -bottom: 0px; -top : 750px; -} - -.heading{ - padding-top: 25px; - display: flex; -width: 100%; -height: 50px; -flex-direction: column; -justify-content: center; -flex-shrink: 0; -color: var(--white, #FFF); - -/* Minecrafter Regular/7xl */ -font-family: Minecrafter; -font-size: 70px; -font-style: normal; -font-weight: 400; -line-height: 100%; /* 72px */ -flex-wrap: wrap; - - -} - -.left_card{ - border-radius: 4.5px; -background: var(--white, #FFF); -box-shadow: 0px 3.6px 3.6px 0px rgba(0, 0, 0, 0.25); -width: 334.8px; -height: 100%; -padding: 15px 0px; -flex-shrink: 0; -text-align: center; - - - -} - -.center_card{ -width: 351px; -height: 507.6px; -flex-shrink: 0; -border-radius: 4.5px; -border: 3.6px solid var(--green, #00F26D); -background: var(--white, #FFF); -box-shadow: 0px 3.6px 9px 0px rgba(0, 0, 0, 0.25); -text-align: center; -} - -.right_card{ - width: 334.8px; -height: 475.2px; -flex-shrink: 0; -border-radius: 4.5px; -background: var(--white, #FFF); -box-shadow: 0px 3.6px 3.6px 0px rgba(0, 0, 0, 0.25); -text-align: center; -} - -.box{ - width: 291.6px; -height: 140.4px; -flex-shrink: 0; -border-radius: 9px; -padding: 10px 5px; -background: var(--Black, #1F1F1F); -box-shadow: 0px 3.6px 3.6px 0px rgba(0, 0, 0, 0.25) inset; -display: inline-block; -color: #FFF; - - -} - -.left_card_img{ - width: 237.6px; -height: 313.2px; -flex-shrink: 0; -background: url("../../public/images/left1.png") 50% / cover no-repeat; -display: inline-block; - - - - -} - -.center_card_img{ - background: url(../../public/images/center2.png), 0px 0px / 100% 100% no-repeat; - width: 241.2px; - height: 307.8px; - flex-shrink: 0; - display: inline-block; - -} - -.right_card_img{ - width: 241.2px; -height: 307.8px; -flex-shrink: 0; -background: url(../../public/images/right3.png), 0px 0px / 100% 100% no-repeat; -display: inline-block; -} - - - -@media only screen and (max-width: 1250px) { - .bottom{ - display: none; - } -} \ No newline at end of file