html {
    scroll-behavior: smooth;
}

body {
    background-color: #ffffff;
    color: #000000; 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: auto;
}

a {
    color: #1a1a1d;
    text-decoration: none;
}

p {
    margin: 3px;
}

Header {
    background-color: #fdf2f8;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
    height: auto;
    width: auto;
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    white-space: nowrap;
    box-shadow: 0px 0.1px 10px 0.1px #fce7f3;
}

.logo {
    display: flex;
    align-items: center;
    align-content: center;
    min-width: 15vh;

}

.logo img {
    max-width: 5vh;
    max-height: 5vh;
    object-fit: contain;
    align-items: center;
    align-content: center;
}

.logo p {
    margin-left: 5px;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    align-items: center;
    align-content: center;
    font-size: 1.8vh;
    line-height: 0.3;
    margin: 10px;
    border-radius: 50px;
    text-shadow: 
    1px 1px 0 #ed1e79,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #ed1e79,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.navbar {
    background-color: #fdf2f8;
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex: 1;
    text-align: center;
    max-width: 65vp;
    min-width: 15vh;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
    height: auto;
    width: auto;
    padding: 0;
    
}

.nav-list {
    background-color: #fdf2f8;
    list-style-type: none;
    display: flex;
    transition: max-height 0.3s ease-out, transform 0.3s ease-out;
    overflow: hidden;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0;
    max-height: 0;
    width: 30vh;
    max-width: 100%;
    border-radius: 50px;
    
}

.nav-list.show {
    max-height: 50vh;
    border-radius: 50px;
}

.nav-list li {
    margin: 0;
}

.nav-list a {
    color: #0e0e10;
    text-decoration: none;
    padding: 10px 10px;
    display: block;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 2.5vh;
    line-height: 0.3;
    margin: 5px;
    border-radius: 50px;
    transition: background-color 0.1s, color 0.1s;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;

}

.nav-list a:hover {
    background-color: #fce7f3;
    color: #fd97c7;
}

.nav-toggle {
    display: none;
    font-size: 24px;
    background: none;
    border: none;
    color: #000000;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
}

.nav-toggle span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #000000;
    margin: 5px 0;
    transition: all 0.3s;
}

.nav-toggle.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.nav-toggle.open span:nth-child(2) {
    opacity: 0;
}

.nav-toggle.open span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

@media (min-width: 1001px) {
    .nav-list {
        display: flex;
        flex-direction: row;
        position: static;
        max-height: none;
        width: auto;
        text-align: left;
        transform: none;
    }

    .nav-list li {
        margin: 0 15px;
    }

    .nav-toggle {
        display: none;
    }

    .navbar {
        justify-content: center;
    }
}

@media (max-width: 1000px) {
    .nav-list {
        display: flex;
    }

    .nav-list.show {
        display: flex;
    }

    .nav-toggle {
        display: block;
    }
}

main {
    background-color: #ffffff;
    margin-top: 1vh;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2vh;
}

h1 {
    color: #0e0e10;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 13vh;
    line-height: 1.1;
    margin: 10px;
    text-shadow: 
    1px 1px 0 #ed1e79,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #ed1e79,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

h2 {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 3vh;
    line-height: 1.1;
    margin: 10px;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

h3 {
    color: #0e0e10;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 6vh;
    line-height: 1.1;
    margin: 10px;
    text-shadow: 
    1px 1px 0 #ed1e79,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #ed1e79,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    filter: drop-shadow(0 0 20px #ffffff);
    border-radius: 20px;
}

h4 {
    color: #0e0e10;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 6vh;
    line-height: 1.1;
    margin: 10px;
    text-shadow: 
    1px 1px 0 #ed1e79,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #ed1e79,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    filter: drop-shadow(0 0 20px #fd97c7);
    border-radius: 20px;
}

h5 {
    color: #760707;
    font-family: "Nosifer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 6vh;
    line-height: 1.1;
    margin: 10px;
    text-shadow: 
    1px 1px 0 #ed1e79,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #ed1e79,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.buynow {
    background-color: #fd97c7;
    color: #1a1a1d;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 3vh;
    line-height: 1.5;
    margin: 20px;
    text-decoration: none;
    border: 2px solid #0e0e10;
    padding: 10px 10px;
    border-radius: 10px;
    transition: background-color 0.3s, color 0.3s;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    filter: drop-shadow(0 0 20px #fd97c7);
    border-radius: 10px;
}

.buynow:hover {
    background-color: #ff0090;
    color: #ffffff;
}

.home {
    background-color: #ffffff;

    flex-wrap: wrap;

    justify-content: center;
    align-items: center;
    padding-top: clamp(8vh, 5%, 10vh);
    padding-bottom: clamp(4vh, 2%, 5vh);
    gap: 2vh;
    width: 100%;
    height: 100%;
    min-height: 30vh;

}

.home .home-left,
.home .home-right {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.home-left {
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    width: 100%;
    height: 100%;

}

.home-left img {
    object-fit: contain;
    max-width: clamp(20vh, 60%, 40vh);
    max-height: clamp(20vh, 60%, 40vh);

}

.home-right {
    background-color: #ffffff;
    text-align: center;
    border-radius: 20px;

    width: 100%;
    height: 100%;

}

.about {
    background-color: #fce7f3;
    align-items: center;
    text-align: center;

    min-height: 30vh;
    box-shadow: 0.1px 0.1px 20px 0.1px #ed1e79;
}

.about .about-section {
    background-color: #fce7f3;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    
    gap: 1vw;
    padding: 3%;

}

.about .about-left,
.about .about-right {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;

}

.about-left {

    align-items: center;
    justify-content: center;
    object-fit: contain;
    border-radius: 20px;



}

.about .about-left img {

    object-fit: contain;
    max-width: clamp(20vh, 60%, 40vh);
    max-height: clamp(20vh, 60%, 40vh);
    border-radius: 20px;
    
}

.rose2png {
    filter: drop-shadow(0 0 20px #ffffff);
    border-radius: 20px;
  }

.about-right {
    background-color: #fce7f3;
    display: flex; 
    justify-content: center;

    object-fit: contain;
    border-radius: 50px 20px 50px 20px;
    padding: 2%;

}

.about-p1 {
    background-color: #fce7f3;
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    margin-top: 1vh;
    margin-left: 1vh;
    margin-right: 1vh;
    margin-bottom: 1vh;

    padding: 0vh;
    text-align: justify;
}

.about-p2 {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;

    margin-top: 0.5vh;
    margin-left: 1vh;
    margin-right: 1vh;

    padding: 0vh;


    text-align: left;

}


.tokenomics {
    background-color: #ffffff;
    align-items: center;
    text-align: center;

    min-height: 30vh;

    justify-content: center;

}

.tokenomics .tokenomics-section {
    background-color: #ffffff;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    justify-content: center;
    gap: 2vw;
    padding: 1%;


}

.tokenomics .tokenomics-left,
.tokenomics .tokenomics-right {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    


}

.tokenomics-left {
    background-color: #fce7f3;
    display: flex; 
    justify-content: center;
    object-fit: contain;
    border-radius: 50px 20px 50px 20px;
    padding: 2%;

    box-shadow: 0px 0.1px 10px 0.1px #fce7f3;

    text-align: left;
    align-items: center;
    margin-left: 5vw;
    margin-right: 5vw;
    max-width: 70vh;
}

.tokenomics-list {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    margin-top: 1vh;
    margin-left: 1vh;
    margin-right: 1vh;
    margin-bottom: 1vh;
    list-style-type: disc;
    text-align: left;
    padding-left: 3.5vh;

}

.tokenomics li {
    margin-bottom: 0.3vh;
}

.strongNAME {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.strongSYMBOL {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.tokenomics-li-link {
    margin-bottom: 0.3vh;
    list-style-type: none;
}

.tokenomics-li-link2 {
    margin-bottom: 0.3vh;
    list-style-type: none;
}

.tokenomics-left-link-contract {
    word-break: break-all;
    text-decoration: underline;
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.LiquidityPoolLINK1 {
    text-decoration: none;
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1vh, 2vw, 1.5vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.MarketingLINK1 {
    text-decoration: none;
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1vh, 2vw, 1.5vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.LPBurnLINK1 {
    text-decoration: none;
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1vh, 2vw, 1.5vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.CARenouncedLINK1 {
    text-decoration: none;
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1vh, 2vw, 1.5vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.tokenomics-right {

    align-items: center;
    align-content: center;
    justify-content: center;
    object-fit: contain;
    border-radius: 20px;

    margin-left: 5vw;
    margin-right: 5vw;
    max-width: 30vw;
    margin-bottom: 1vw;

}

.tokenomics-right img {

    object-fit: contain;
    max-width: clamp(20vh, 60%, 40vh);
    max-height: clamp(20vh, 60%, 40vh);
    border-radius: 20px;

}

.rose3png {
    filter: drop-shadow(0 0 20px #fd97c7);
    border-radius: 20px;
  }

.howtobuy {
    background-color: #fce7f3;
    align-items: center;
    text-align: center;

    min-height: 30vh;
    box-shadow: 0.1px 0.1px 20px 0.1px #ed1e79;

    justify-content: center;

}

.howtobuy .howtobuy-section {
    background-color: #fce7f3;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    
    gap: 2vw;
    padding: 1%;

    justify-content: center;


}

.howtobuy .howtobuy-left,
.howtobuy .howtobuy-right {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;

}

.howtobuy-left {
    background-color: #fce7f3;
    display: flex; 
    text-align: left;
    justify-content: center;
    object-fit: contain;
    align-items: center;
    margin-left: 5vw;
    margin-right: 5vw;
    max-width: 55vh;

}

.accordion {
    background-color: #fd97c7;
    margin: 20px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.accordion-item {
    border-bottom: 1px solid #ffe5e6;
}

.accordion-header {
    background-color: #fd97c7;
    padding: 15px 20px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
}

.accordion-header:hover {
    background-color: #ff0090;
}

.accordion-icon {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.p-howtobuy-header {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.p-howtobuy-content {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.strongphantom {
    color: #1a1a1d;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.strong-SOL {
    color: #1a1a1d;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.strongRaydium {
    color: #1a1a1d;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.strong-contract {
    word-break: break-all;
    color: #1a1a1d;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.strong-MISSROSE {
    color: #1a1a1d;
    font-family: "Sour Gummy", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
}

.accordion-content {
    background-color: #fdf2f8;
    padding: 15px 20px;
    display: none;
    animation: fadeIn 0.3s ease;
    border-top: 1px solid #ffe5e6;
}

.accordion-content a {
    color: #000000;
    text-decoration: underline;
}

.accordion-content p {
    margin: 0;
}

.accordion-item.active .accordion-icon {
    transform: rotate(90deg);
}

.accordion-item.active .accordion-content {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.howtobuy-right {


    align-items: center;
    justify-content: center;
    object-fit: contain;
    border-radius: 20px;
    margin-left: 5vw;
    margin-right: 5vw;
    max-width: 30vw;
    margin-bottom: 1vw;

    align-items: center;
}

.iframe-Raydium {

    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    max-width: 355px;


}

.iframe-Raydium-content {

    border: none;
    border-radius: 50px;
    height: 650px;
    width: 100%;

}

.btn-raydium {
    padding: 12px 24px;
    background-color: #fd97c7;
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    transition: background-color 0.3s ease;
  }
  
  .btn-raydium:hover {
    background-color: #ff0090;
  }
  

.roadmap {
    background-color: #ffffff;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 30vh;
    gap: 2vh;
    width: 100%;
    height: 100%;
}

.roadmap .roadmap-section {
    background-color: #ffffff;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: clamp(3vh, 2%, 5vh);
    padding-bottom: clamp(3vh, 2%, 5vh);
    gap: 4vh;
    width: 100%;
    height: 100%;
}

.roadmap .roadmap-left,
.roadmap .roadmap-right {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;


}

.roadmap-left {
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    width: 100%;
    height: 100%;

    max-width: 70vh;

}

.roadmap .roadmap-left img {
    object-fit: contain;
    max-width: clamp(20vh, 60%, 40vh);
    max-height: clamp(20vh, 60%, 40vh);
}

.rose5png {
    filter: drop-shadow(0 0 20px #fd97c7);
    border-radius: 20px;
  }



.roadmap-right {
    background-color: #fce7f3;
    text-align: center;
    border-radius: 50px 20px 50px 20px;

    width: 100%;
    height: 100%;

    padding: 1vh;
    box-shadow: 0px 0.1px 10px 0.1px #fce7f3;

    max-width: 30vh;

}

.roadmap-p1 {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.3vh, 2.5vw, 2vh);
    line-height: 0.7;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    margin-top: 1vh;
    margin-left: 1vh;
    margin-right: 1vh;
    margin-bottom: 1vh;

    padding: 0vh;
    text-align: justify;
}


















.followus {
    background-color: #fce7f3;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 21vh;
    gap: 2vh;
    width: 100%;
    height: 100%;

    box-shadow: 0.1px 0.1px 20px 0.1px #ed1e79;
}

.followus .followus-section {
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: clamp(1vh, 1vw, 2vh);
    padding-bottom: clamp(3vh, 2vw, 3vh);
    gap: 1vh;
    width: 100%;
    height: 100%;
}

.followus .followus-left,
.followus .followus-right {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;


}

.followus-left {
    background-color: #fce7f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;

    height: 100%;

    gap: 1vh;

    max-width: clamp(30vh, 60vh, 80vw);
    flex-wrap: nowrap;
}

.followus .followus-left img {
    object-fit: contain;
    max-width: clamp(5vh, 5vw, 5vh);
    max-height: clamp(5vh, 5vw, 5vh);
}

.xpng {
    filter: drop-shadow(0 0 20px #ffffff);
    transition: transform 0.2s;
  }

.xpng:hover {
    transform: translateY(-10px);
}

.telegrampng {
    filter: drop-shadow(0 0 20px #ffffff);
    transition: transform 0.2s;
  }

.telegrampng:hover {
    transform: translateY(-10px);
}

.followus-right {
    background-color: #fce7f3;
    text-align: center;
    border-radius: 50px 20px 50px 20px;

    width: 100%;
    height: 100%;

    padding: 1vh;
    box-shadow: 0px 0.1px 10px 0.1px #fce7f3;
    
    max-width: clamp(30vh, 60vh, 80vw);

}

.followus-pm {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1vh, 2vw, 1.5vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    margin-top: 1vh;
    margin-left: 1vh;
    margin-right: 1vh;
    margin-bottom: 1vh;

    padding: 0vh;
    text-align: justify;
}

.followus-p1 {
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1vh, 2vw, 1.5vh);
    line-height: 1.1;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
    0 -1px 0 #ffffff;
    margin-top: 1vh;
    margin-left: 1vh;
    margin-right: 1vh;
    margin-bottom: 1vh;

    padding: 0vh;
    text-align: justify;
}

footer {
    background-color: #fdf2f8;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: clamp(2vh, 2vw, 2vh);
    margin-bottom: 0%;
    height: auto;
    width: auto;
    padding: 10px 10px;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;

    box-shadow: 0px 0.1px 10px 0.1px #fce7f3;

    
    color: #1a1a1d;
    font-family: "Original Surfer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1vh, 2vw, 1vh);
    line-height: 0.7;
    text-shadow: 
    1px 1px 0 #fd97c7,
   -1px 1px 0 #ffffff,
    1px -1px 0 #ffffff,
   -1px -1px 0 #ffffff,
    1px 0 0 #fd97c7,
   -1px 0 0 #ffffff,
    0 1px 0 #ffffff,
}