@font-face {
    font-family: 'TomCat';
    src: url(font/Shermlock.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TomCatOpen';
    src: url(font/ShermlockOpen.ttf) format("truetype");
    font-display: swap;
}

.TomCatOpen{
    font-family: 'TomCatOpen','Lucida Sans';
}

body{
    font-family: 'TomCat','Lucida Sans';
    
}

section#main{
    background: #741406;
}

.container{
    max-width: 100%;
}

.logo {
    padding-top: 2.5rem;
    max-height: 220px;
}

.btn-buy{
    text-align: center;
    display: block;
    background-color: #fef222;
    padding: 1rem;
    color: #000;
    font-size: 2rem;
    font-weight: bold;
    text-decoration: none;
    border: 0.3rem solid #000;
    letter-spacing: 5px;
    margin-bottom: 20px;
}
.btn-buy:hover{
    background-color: #741406;
    color: #fef222;
}

.btn-social{
    display: block;
    height: 3vw;
    width: 3vw;
    background: black;
}

.text-ponke{
    color: #f1cccc;
}


.heading{
    font-size: 10rem;
    text-shadow: 10px 10px #272727;
    color: #ffe723 !important;
}

.heading-sol{
    text-shadow: 3px 3px #272727;
    color: #ffe723 !important;
}

.btn-social img{
    max-width: 3vw;
}

.btn-social:hover{
    box-shadow: 3px 3px 3px #000;
}

.skate{
    padding: 0;
    font-size: 2rem;
    background-color: #fef222;
    border-top: 0.25rem solid #000;
    border-bottom: 0.25rem solid #000;
}

.marquee {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 3rem;
    overflow-x: hidden;
}
  
.track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 18s linear infinite;
}
  
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.tokenomics{
    padding-top: 6rem;
    background: #1d1d1d;
}

.tokenomics h1{
    font-size: 90px;
    line-height: 1.5;
    color: #ffe723;
}

.ttext{
    color: #fff;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.image-trading{
    opacity: .8;
    border: 0.3rem solid #ffe723;
} 
.blink-bg{
    padding: 0;
    animation: blinking 1s infinite; 
}

@keyframes blinking {
    0% {
        background-color: #10c018;
    }
    25% {
        background-color: #1056c0;
    }
    50% {
        background-color: #ef0a1a;
    }
    75% {
        background-color: #254878;
    }
    100% {
        background-color: #04a1d5;
    }
}

.supply{
    margin: 2rem;
    background-color: #ffe723;
    padding: 1rem;
    border: 0.3rem solid #ff6a1a;
}

.contract{
    margin: 2rem;
    background-color: #ffe723;
    padding: 1rem;
    border: 0.3rem solid #ff6a1a;
}
.contract span{
    display: block;
}

.strobe {
    animation: strobe .1s ease-in-out infinite;
}

@keyframes strobe{
    0% {
        scale: 1;
        transform-origin: center center;
    }
    100% {
        scale: 1.02;
        transform-origin: center center;
    }
}
#network{
    border-bottom: 0.3rem solid #000;
}
#social{
    border-top: 0.3rem solid #000;
}
.socials{
    padding-top: 6rem;
    background: #e8320d;
}

.socials h1{
    font-size: 90px;
    line-height: 1.5;
    color: #1d1d1d; 
}

.dex{
    max-width: 230px;
    margin-right: 30px;
}